Removed the material-design dependency.

* pixijs-v5:
  Merged versions for PixiJS 4 and 5.
  Adjustments for Pixi.JS 5.0.

.gitignore

@@ -79,4 +79,3 @@ typings/
 # own
 *.code-workspace
 .history/
-

dist/iwmlib.3rdparty.preload.js

@@ -1,896 +1,6 @@
-/*
-Syntax highlighting with language autodetection.
-https://highlightjs.org/
-*/
-
-(function(factory) {
-
-  // Find the global object for export to both the browser and web workers.
-  var globalObject = typeof window === 'object' && window ||
-                     typeof self === 'object' && self;
-
-  // Setup highlight.js for different environments. First is Node.js or
-  // CommonJS.
-  if(typeof exports !== 'undefined') {
-    factory(exports);
-  } else if(globalObject) {
-    // Export hljs globally even when using AMD for cases when this script
-    // is loaded with others that may still expect a global hljs.
-    globalObject.hljs = factory({});
-
-    // Finally register the global hljs with AMD.
-    if(typeof define === 'function' && define.amd) {
-      define([], function() {
-        return globalObject.hljs;
-      });
-    }
-  }
-
-}(function(hljs) {
-  // Convenience variables for build-in objects
-  var ArrayProto = [],
-      objectKeys = Object.keys;
-
-  // Global internal variables used within the highlight.js library.
-  var languages = {},
-      aliases   = {};
-
-  // Regular expressions used throughout the highlight.js library.
-  var noHighlightRe    = /^(no-?highlight|plain|text)$/i,
-      languagePrefixRe = /\blang(?:uage)?-([\w-]+)\b/i,
-      fixMarkupRe      = /((^(<[^>]+>|\t|)+|(?:\n)))/gm;
-
-  // The object will be assigned by the build tool. It used to synchronize API 
-  // of external language files with minified version of the highlight.js library.
-  var API_REPLACES;
-
-  var spanEndTag = '</span>';
-
-  // Global options used when within external APIs. This is modified when
-  // calling the `hljs.configure` function.
-  var options = {
-    classPrefix: 'hljs-',
-    tabReplace: null,
-    useBR: false,
-    languages: undefined
-  };
-
-
-  /* Utility functions */
-
-  function escape(value) {
-    return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-  }
-
-  function tag(node) {
-    return node.nodeName.toLowerCase();
-  }
-
-  function testRe(re, lexeme) {
-    var match = re && re.exec(lexeme);
-    return match && match.index === 0;
-  }
-
-  function isNotHighlighted(language) {
-    return noHighlightRe.test(language);
-  }
-
-  function blockLanguage(block) {
-    var i, match, length, _class;
-    var classes = block.className + ' ';
-
-    classes += block.parentNode ? block.parentNode.className : '';
-
-    // language-* takes precedence over non-prefixed class names.
-    match = languagePrefixRe.exec(classes);
-    if (match) {
-      return getLanguage(match[1]) ? match[1] : 'no-highlight';
-    }
-
-    classes = classes.split(/\s+/);
-
-    for (i = 0, length = classes.length; i < length; i++) {
-      _class = classes[i];
-
-      if (isNotHighlighted(_class) || getLanguage(_class)) {
-        return _class;
-      }
-    }
-  }
-
-  function inherit(parent) {  // inherit(parent, override_obj, override_obj, ...)
-    var key;
-    var result = {};
-    var objects = Array.prototype.slice.call(arguments, 1);
-
-    for (key in parent)
-      result[key] = parent[key];
-    objects.forEach(function(obj) {
-      for (key in obj)
-        result[key] = obj[key];
-    });
-    return result;
-  }
-
-  /* Stream merging */
-
-  function nodeStream(node) {
-    var result = [];
-    (function _nodeStream(node, offset) {
-      for (var child = node.firstChild; child; child = child.nextSibling) {
-        if (child.nodeType === 3)
-          offset += child.nodeValue.length;
-        else if (child.nodeType === 1) {
-          result.push({
-            event: 'start',
-            offset: offset,
-            node: child
-          });
-          offset = _nodeStream(child, offset);
-          // Prevent void elements from having an end tag that would actually
-          // double them in the output. There are more void elements in HTML
-          // but we list only those realistically expected in code display.
-          if (!tag(child).match(/br|hr|img|input/)) {
-            result.push({
-              event: 'stop',
-              offset: offset,
-              node: child
-            });
-          }
-        }
-      }
-      return offset;
-    })(node, 0);
-    return result;
-  }
-
-  function mergeStreams(original, highlighted, value) {
-    var processed = 0;
-    var result = '';
-    var nodeStack = [];
-
-    function selectStream() {
-      if (!original.length || !highlighted.length) {
-        return original.length ? original : highlighted;
-      }
-      if (original[0].offset !== highlighted[0].offset) {
-        return (original[0].offset < highlighted[0].offset) ? original : highlighted;
-      }
-
-      /*
-      To avoid starting the stream just before it should stop the order is
-      ensured that original always starts first and closes last:
-
-      if (event1 == 'start' && event2 == 'start')
-        return original;
-      if (event1 == 'start' && event2 == 'stop')
-        return highlighted;
-      if (event1 == 'stop' && event2 == 'start')
-        return original;
-      if (event1 == 'stop' && event2 == 'stop')
-        return highlighted;
-
-      ... which is collapsed to:
-      */
-      return highlighted[0].event === 'start' ? original : highlighted;
-    }
-
-    function open(node) {
-      function attr_str(a) {return ' ' + a.nodeName + '="' + escape(a.value).replace('"', '&quot;') + '"';}
-      result += '<' + tag(node) + ArrayProto.map.call(node.attributes, attr_str).join('') + '>';
-    }
-
-    function close(node) {
-      result += '</' + tag(node) + '>';
-    }
-
-    function render(event) {
-      (event.event === 'start' ? open : close)(event.node);
-    }
-
-    while (original.length || highlighted.length) {
-      var stream = selectStream();
-      result += escape(value.substring(processed, stream[0].offset));
-      processed = stream[0].offset;
-      if (stream === original) {
-        /*
-        On any opening or closing tag of the original markup we first close
-        the entire highlighted node stack, then render the original tag along
-        with all the following original tags at the same offset and then
-        reopen all the tags on the highlighted stack.
-        */
-        nodeStack.reverse().forEach(close);
-        do {
-          render(stream.splice(0, 1)[0]);
-          stream = selectStream();
-        } while (stream === original && stream.length && stream[0].offset === processed);
-        nodeStack.reverse().forEach(open);
-      } else {
-        if (stream[0].event === 'start') {
-          nodeStack.push(stream[0].node);
-        } else {
-          nodeStack.pop();
-        }
-        render(stream.splice(0, 1)[0]);
-      }
-    }
-    return result + escape(value.substr(processed));
-  }
-
-  /* Initialization */
-
-  function expand_mode(mode) {
-    if (mode.variants && !mode.cached_variants) {
-      mode.cached_variants = mode.variants.map(function(variant) {
-        return inherit(mode, {variants: null}, variant);
-      });
-    }
-    return mode.cached_variants || (mode.endsWithParent && [inherit(mode)]) || [mode];
-  }
-
-  function restoreLanguageApi(obj) {
-    if(API_REPLACES && !obj.langApiRestored) {
-      obj.langApiRestored = true;
-      for(var key in API_REPLACES)
-        obj[key] && (obj[API_REPLACES[key]] = obj[key]);
-      (obj.contains || []).concat(obj.variants || []).forEach(restoreLanguageApi);
-    }
-  }
-
-  function compileLanguage(language) {
-
-    function reStr(re) {
-        return (re && re.source) || re;
-    }
-
-    function langRe(value, global) {
-      return new RegExp(
-        reStr(value),
-        'm' + (language.case_insensitive ? 'i' : '') + (global ? 'g' : '')
-      );
-    }
-
-    // joinRe logically computes regexps.join(separator), but fixes the
-    // backreferences so they continue to match.
-    function joinRe(regexps, separator) {
-      // backreferenceRe matches an open parenthesis or backreference. To avoid
-      // an incorrect parse, it additionally matches the following:
-      // - [...] elements, where the meaning of parentheses and escapes change
-      // - other escape sequences, so we do not misparse escape sequences as
-      //   interesting elements
-      // - non-matching or lookahead parentheses, which do not capture. These
-      //   follow the '(' with a '?'.
-      var backreferenceRe = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
-      var numCaptures = 0;
-      var ret = '';
-      for (var i = 0; i < regexps.length; i++) {
-        var offset = numCaptures;
-        var re = reStr(regexps[i]);
-        if (i > 0) {
-          ret += separator;
-        }
-        while (re.length > 0) {
-          var match = backreferenceRe.exec(re);
-          if (match == null) {
-            ret += re;
-            break;
-          }
-          ret += re.substring(0, match.index);
-          re = re.substring(match.index + match[0].length);
-          if (match[0][0] == '\\' && match[1]) {
-            // Adjust the backreference.
-            ret += '\\' + String(Number(match[1]) + offset);
-          } else {
-            ret += match[0];
-            if (match[0] == '(') {
-              numCaptures++;
-            }
-          }
-        }
-      }
-      return ret;
-    }
-
-    function compileMode(mode, parent) {
-      if (mode.compiled)
-        return;
-      mode.compiled = true;
-
-      mode.keywords = mode.keywords || mode.beginKeywords;
-      if (mode.keywords) {
-        var compiled_keywords = {};
-
-        var flatten = function(className, str) {
-          if (language.case_insensitive) {
-            str = str.toLowerCase();
-          }
-          str.split(' ').forEach(function(kw) {
-            var pair = kw.split('|');
-            compiled_keywords[pair[0]] = [className, pair[1] ? Number(pair[1]) : 1];
-          });
-        };
-
-        if (typeof mode.keywords === 'string') { // string
-          flatten('keyword', mode.keywords);
-        } else {
-          objectKeys(mode.keywords).forEach(function (className) {
-            flatten(className, mode.keywords[className]);
-          });
-        }
-        mode.keywords = compiled_keywords;
-      }
-      mode.lexemesRe = langRe(mode.lexemes || /\w+/, true);
-
-      if (parent) {
-        if (mode.beginKeywords) {
-          mode.begin = '\\b(' + mode.beginKeywords.split(' ').join('|') + ')\\b';
-        }
-        if (!mode.begin)
-          mode.begin = /\B|\b/;
-        mode.beginRe = langRe(mode.begin);
-        if (mode.endSameAsBegin)
-          mode.end = mode.begin;
-        if (!mode.end && !mode.endsWithParent)
-          mode.end = /\B|\b/;
-        if (mode.end)
-          mode.endRe = langRe(mode.end);
-        mode.terminator_end = reStr(mode.end) || '';
-        if (mode.endsWithParent && parent.terminator_end)
-          mode.terminator_end += (mode.end ? '|' : '') + parent.terminator_end;
-      }
-      if (mode.illegal)
-        mode.illegalRe = langRe(mode.illegal);
-      if (mode.relevance == null)
-        mode.relevance = 1;
-      if (!mode.contains) {
-        mode.contains = [];
-      }
-      mode.contains = Array.prototype.concat.apply([], mode.contains.map(function(c) {
-        return expand_mode(c === 'self' ? mode : c);
-      }));
-      mode.contains.forEach(function(c) {compileMode(c, mode);});
-
-      if (mode.starts) {
-        compileMode(mode.starts, parent);
-      }
-
-      var terminators =
-        mode.contains.map(function(c) {
-          return c.beginKeywords ? '\\.?(?:' + c.begin + ')\\.?' : c.begin;
-        })
-        .concat([mode.terminator_end, mode.illegal])
-        .map(reStr)
-        .filter(Boolean);
-      mode.terminators = terminators.length ? langRe(joinRe(terminators, '|'), true) : {exec: function(/*s*/) {return null;}};
-    }
-    
-    compileMode(language);
-  }
-
-  /*
-  Core highlighting function. Accepts a language name, or an alias, and a
-  string with the code to highlight. Returns an object with the following
-  properties:
-
-  - relevance (int)
-  - value (an HTML string with highlighting markup)
-
-  */
-  function highlight(name, value, ignore_illegals, continuation) {
-
-    function escapeRe(value) {
-      return new RegExp(value.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'm');
-    }
-
-    function subMode(lexeme, mode) {
-      var i, length;
-
-      for (i = 0, length = mode.contains.length; i < length; i++) {
-        if (testRe(mode.contains[i].beginRe, lexeme)) {
-          if (mode.contains[i].endSameAsBegin) {
-            mode.contains[i].endRe = escapeRe( mode.contains[i].beginRe.exec(lexeme)[0] );
-          }
-          return mode.contains[i];
-        }
-      }
-    }
-
-    function endOfMode(mode, lexeme) {
-      if (testRe(mode.endRe, lexeme)) {
-        while (mode.endsParent && mode.parent) {
-          mode = mode.parent;
-        }
-        return mode;
-      }
-      if (mode.endsWithParent) {
-        return endOfMode(mode.parent, lexeme);
-      }
-    }
-
-    function isIllegal(lexeme, mode) {
-      return !ignore_illegals && testRe(mode.illegalRe, lexeme);
-    }
-
-    function keywordMatch(mode, match) {
-      var match_str = language.case_insensitive ? match[0].toLowerCase() : match[0];
-      return mode.keywords.hasOwnProperty(match_str) && mode.keywords[match_str];
-    }
-
-    function buildSpan(classname, insideSpan, leaveOpen, noPrefix) {
-      var classPrefix = noPrefix ? '' : options.classPrefix,
-          openSpan    = '<span class="' + classPrefix,
-          closeSpan   = leaveOpen ? '' : spanEndTag;
-
-      openSpan += classname + '">';
-
-      return openSpan + insideSpan + closeSpan;
-    }
-
-    function processKeywords() {
-      var keyword_match, last_index, match, result;
-
-      if (!top.keywords)
-        return escape(mode_buffer);
-
-      result = '';
-      last_index = 0;
-      top.lexemesRe.lastIndex = 0;
-      match = top.lexemesRe.exec(mode_buffer);
-
-      while (match) {
-        result += escape(mode_buffer.substring(last_index, match.index));
-        keyword_match = keywordMatch(top, match);
-        if (keyword_match) {
-          relevance += keyword_match[1];
-          result += buildSpan(keyword_match[0], escape(match[0]));
-        } else {
-          result += escape(match[0]);
-        }
-        last_index = top.lexemesRe.lastIndex;
-        match = top.lexemesRe.exec(mode_buffer);
-      }
-      return result + escape(mode_buffer.substr(last_index));
-    }
-
-    function processSubLanguage() {
-      var explicit = typeof top.subLanguage === 'string';
-      if (explicit && !languages[top.subLanguage]) {
-        return escape(mode_buffer);
-      }
-
-      var result = explicit ?
-                   highlight(top.subLanguage, mode_buffer, true, continuations[top.subLanguage]) :
-                   highlightAuto(mode_buffer, top.subLanguage.length ? top.subLanguage : undefined);
-
-      // Counting embedded language score towards the host language may be disabled
-      // with zeroing the containing mode relevance. Usecase in point is Markdown that
-      // allows XML everywhere and makes every XML snippet to have a much larger Markdown
-      // score.
-      if (top.relevance > 0) {
-        relevance += result.relevance;
-      }
-      if (explicit) {
-        continuations[top.subLanguage] = result.top;
-      }
-      return buildSpan(result.language, result.value, false, true);
-    }
-
-    function processBuffer() {
-      result += (top.subLanguage != null ? processSubLanguage() : processKeywords());
-      mode_buffer = '';
-    }
-
-    function startNewMode(mode) {
-      result += mode.className? buildSpan(mode.className, '', true): '';
-      top = Object.create(mode, {parent: {value: top}});
-    }
-
-    function processLexeme(buffer, lexeme) {
-
-      mode_buffer += buffer;
-
-      if (lexeme == null) {
-        processBuffer();
-        return 0;
-      }
-
-      var new_mode = subMode(lexeme, top);
-      if (new_mode) {
-        if (new_mode.skip) {
-          mode_buffer += lexeme;
-        } else {
-          if (new_mode.excludeBegin) {
-            mode_buffer += lexeme;
-          }
-          processBuffer();
-          if (!new_mode.returnBegin && !new_mode.excludeBegin) {
-            mode_buffer = lexeme;
-          }
-        }
-        startNewMode(new_mode, lexeme);
-        return new_mode.returnBegin ? 0 : lexeme.length;
-      }
-
-      var end_mode = endOfMode(top, lexeme);
-      if (end_mode) {
-        var origin = top;
-        if (origin.skip) {
-          mode_buffer += lexeme;
-        } else {
-          if (!(origin.returnEnd || origin.excludeEnd)) {
-            mode_buffer += lexeme;
-          }
-          processBuffer();
-          if (origin.excludeEnd) {
-            mode_buffer = lexeme;
-          }
-        }
-        do {
-          if (top.className) {
-            result += spanEndTag;
-          }
-          if (!top.skip && !top.subLanguage) {
-            relevance += top.relevance;
-          }
-          top = top.parent;
-        } while (top !== end_mode.parent);
-        if (end_mode.starts) {
-          if (end_mode.endSameAsBegin) {
-            end_mode.starts.endRe = end_mode.endRe;
-          }
-          startNewMode(end_mode.starts, '');
-        }
-        return origin.returnEnd ? 0 : lexeme.length;
-      }
-
-      if (isIllegal(lexeme, top))
-        throw new Error('Illegal lexeme "' + lexeme + '" for mode "' + (top.className || '<unnamed>') + '"');
-
-      /*
-      Parser should not reach this point as all types of lexemes should be caught
-      earlier, but if it does due to some bug make sure it advances at least one
-      character forward to prevent infinite looping.
-      */
-      mode_buffer += lexeme;
-      return lexeme.length || 1;
-    }
-
-    var language = getLanguage(name);
-    if (!language) {
-      throw new Error('Unknown language: "' + name + '"');
-    }
-
-    compileLanguage(language);
-    var top = continuation || language;
-    var continuations = {}; // keep continuations for sub-languages
-    var result = '', current;
-    for(current = top; current !== language; current = current.parent) {
-      if (current.className) {
-        result = buildSpan(current.className, '', true) + result;
-      }
-    }
-    var mode_buffer = '';
-    var relevance = 0;
-    try {
-      var match, count, index = 0;
-      while (true) {
-        top.terminators.lastIndex = index;
-        match = top.terminators.exec(value);
-        if (!match)
-          break;
-        count = processLexeme(value.substring(index, match.index), match[0]);
-        index = match.index + count;
-      }
-      processLexeme(value.substr(index));
-      for(current = top; current.parent; current = current.parent) { // close dangling modes
-        if (current.className) {
-          result += spanEndTag;
-        }
-      }
-      return {
-        relevance: relevance,
-        value: result,
-        language: name,
-        top: top
-      };
-    } catch (e) {
-      if (e.message && e.message.indexOf('Illegal') !== -1) {
-        return {
-          relevance: 0,
-          value: escape(value)
-        };
-      } else {
-        throw e;
-      }
-    }
-  }
-
-  /*
-  Highlighting with language detection. Accepts a string with the code to
-  highlight. Returns an object with the following properties:
-
-  - language (detected language)
-  - relevance (int)
-  - value (an HTML string with highlighting markup)
-  - second_best (object with the same structure for second-best heuristically
-    detected language, may be absent)
-
-  */
-  function highlightAuto(text, languageSubset) {
-    languageSubset = languageSubset || options.languages || objectKeys(languages);
-    var result = {
-      relevance: 0,
-      value: escape(text)
-    };
-    var second_best = result;
-    languageSubset.filter(getLanguage).filter(autoDetection).forEach(function(name) {
-      var current = highlight(name, text, false);
-      current.language = name;
-      if (current.relevance > second_best.relevance) {
-        second_best = current;
-      }
-      if (current.relevance > result.relevance) {
-        second_best = result;
-        result = current;
-      }
-    });
-    if (second_best.language) {
-      result.second_best = second_best;
-    }
-    return result;
-  }
-
-  /*
-  Post-processing of the highlighted markup:
-
-  - replace TABs with something more useful
-  - replace real line-breaks with '<br>' for non-pre containers
-
-  */
-  function fixMarkup(value) {
-    return !(options.tabReplace || options.useBR)
-      ? value
-      : value.replace(fixMarkupRe, function(match, p1) {
-          if (options.useBR && match === '\n') {
-            return '<br>';
-          } else if (options.tabReplace) {
-            return p1.replace(/\t/g, options.tabReplace);
-          }
-          return '';
-      });
-  }
-
-  function buildClassName(prevClassName, currentLang, resultLang) {
-    var language = currentLang ? aliases[currentLang] : resultLang,
-        result   = [prevClassName.trim()];
-
-    if (!prevClassName.match(/\bhljs\b/)) {
-      result.push('hljs');
-    }
-
-    if (prevClassName.indexOf(language) === -1) {
-      result.push(language);
-    }
-
-    return result.join(' ').trim();
-  }
-
-  /*
-  Applies highlighting to a DOM node containing code. Accepts a DOM node and
-  two optional parameters for fixMarkup.
-  */
-  function highlightBlock(block) {
-    var node, originalStream, result, resultNode, text;
-    var language = blockLanguage(block);
-
-    if (isNotHighlighted(language))
-        return;
-
-    if (options.useBR) {
-      node = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
-      node.innerHTML = block.innerHTML.replace(/\n/g, '').replace(/<br[ \/]*>/g, '\n');
-    } else {
-      node = block;
-    }
-    text = node.textContent;
-    result = language ? highlight(language, text, true) : highlightAuto(text);
-
-    originalStream = nodeStream(node);
-    if (originalStream.length) {
-      resultNode = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
-      resultNode.innerHTML = result.value;
-      result.value = mergeStreams(originalStream, nodeStream(resultNode), text);
-    }
-    result.value = fixMarkup(result.value);
-
-    block.innerHTML = result.value;
-    block.className = buildClassName(block.className, language, result.language);
-    block.result = {
-      language: result.language,
-      re: result.relevance
-    };
-    if (result.second_best) {
-      block.second_best = {
-        language: result.second_best.language,
-        re: result.second_best.relevance
-      };
-    }
-  }
-
-  /*
-  Updates highlight.js global options with values passed in the form of an object.
-  */
-  function configure(user_options) {
-    options = inherit(options, user_options);
-  }
-
-  /*
-  Applies highlighting to all <pre><code>..</code></pre> blocks on a page.
-  */
-  function initHighlighting() {
-    if (initHighlighting.called)
-      return;
-    initHighlighting.called = true;
-
-    var blocks = document.querySelectorAll('pre code');
-    ArrayProto.forEach.call(blocks, highlightBlock);
-  }
-
-  /*
-  Attaches highlighting to the page load event.
-  */
-  function initHighlightingOnLoad() {
-    addEventListener('DOMContentLoaded', initHighlighting, false);
-    addEventListener('load', initHighlighting, false);
-  }
-
-  function registerLanguage(name, language) {
-    var lang = languages[name] = language(hljs);
-    restoreLanguageApi(lang);
-    if (lang.aliases) {
-      lang.aliases.forEach(function(alias) {aliases[alias] = name;});
-    }
-  }
-
-  function listLanguages() {
-    return objectKeys(languages);
-  }
-
-  function getLanguage(name) {
-    name = (name || '').toLowerCase();
-    return languages[name] || languages[aliases[name]];
-  }
-
-  function autoDetection(name) {
-    var lang = getLanguage(name);
-    return lang && !lang.disableAutodetect;
-  }
-
-  /* Interface definition */
-
-  hljs.highlight = highlight;
-  hljs.highlightAuto = highlightAuto;
-  hljs.fixMarkup = fixMarkup;
-  hljs.highlightBlock = highlightBlock;
-  hljs.configure = configure;
-  hljs.initHighlighting = initHighlighting;
-  hljs.initHighlightingOnLoad = initHighlightingOnLoad;
-  hljs.registerLanguage = registerLanguage;
-  hljs.listLanguages = listLanguages;
-  hljs.getLanguage = getLanguage;
-  hljs.autoDetection = autoDetection;
-  hljs.inherit = inherit;
-
-  // Common regexps
-  hljs.IDENT_RE = '[a-zA-Z]\\w*';
-  hljs.UNDERSCORE_IDENT_RE = '[a-zA-Z_]\\w*';
-  hljs.NUMBER_RE = '\\b\\d+(\\.\\d+)?';
-  hljs.C_NUMBER_RE = '(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)'; // 0x..., 0..., decimal, float
-  hljs.BINARY_NUMBER_RE = '\\b(0b[01]+)'; // 0b...
-  hljs.RE_STARTERS_RE = '!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~';
-
-  // Common modes
-  hljs.BACKSLASH_ESCAPE = {
-    begin: '\\\\[\\s\\S]', relevance: 0
-  };
-  hljs.APOS_STRING_MODE = {
-    className: 'string',
-    begin: '\'', end: '\'',
-    illegal: '\\n',
-    contains: [hljs.BACKSLASH_ESCAPE]
-  };
-  hljs.QUOTE_STRING_MODE = {
-    className: 'string',
-    begin: '"', end: '"',
-    illegal: '\\n',
-    contains: [hljs.BACKSLASH_ESCAPE]
-  };
-  hljs.PHRASAL_WORDS_MODE = {
-    begin: /\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
-  };
-  hljs.COMMENT = function (begin, end, inherits) {
-    var mode = hljs.inherit(
-      {
-        className: 'comment',
-        begin: begin, end: end,
-        contains: []
-      },
-      inherits || {}
-    );
-    mode.contains.push(hljs.PHRASAL_WORDS_MODE);
-    mode.contains.push({
-      className: 'doctag',
-      begin: '(?:TODO|FIXME|NOTE|BUG|XXX):',
-      relevance: 0
-    });
-    return mode;
-  };
-  hljs.C_LINE_COMMENT_MODE = hljs.COMMENT('//', '$');
-  hljs.C_BLOCK_COMMENT_MODE = hljs.COMMENT('/\\*', '\\*/');
-  hljs.HASH_COMMENT_MODE = hljs.COMMENT('#', '$');
-  hljs.NUMBER_MODE = {
-    className: 'number',
-    begin: hljs.NUMBER_RE,
-    relevance: 0
-  };
-  hljs.C_NUMBER_MODE = {
-    className: 'number',
-    begin: hljs.C_NUMBER_RE,
-    relevance: 0
-  };
-  hljs.BINARY_NUMBER_MODE = {
-    className: 'number',
-    begin: hljs.BINARY_NUMBER_RE,
-    relevance: 0
-  };
-  hljs.CSS_NUMBER_MODE = {
-    className: 'number',
-    begin: hljs.NUMBER_RE + '(' +
-      '%|em|ex|ch|rem'  +
-      '|vw|vh|vmin|vmax' +
-      '|cm|mm|in|pt|pc|px' +
-      '|deg|grad|rad|turn' +
-      '|s|ms' +
-      '|Hz|kHz' +
-      '|dpi|dpcm|dppx' +
-      ')?',
-    relevance: 0
-  };
-  hljs.REGEXP_MODE = {
-    className: 'regexp',
-    begin: /\//, end: /\/[gimuy]*/,
-    illegal: /\n/,
-    contains: [
-      hljs.BACKSLASH_ESCAPE,
-      {
-        begin: /\[/, end: /\]/,
-        relevance: 0,
-        contains: [hljs.BACKSLASH_ESCAPE]
-      }
-    ]
-  };
-  hljs.TITLE_MODE = {
-    className: 'title',
-    begin: hljs.IDENT_RE,
-    relevance: 0
-  };
-  hljs.UNDERSCORE_TITLE_MODE = {
-    className: 'title',
-    begin: hljs.UNDERSCORE_IDENT_RE,
-    relevance: 0
-  };
-  hljs.METHOD_GUARD = {
-    // excludes method names from keyword processing
-    begin: '\\.\\s*' + hljs.UNDERSCORE_IDENT_RE,
-    relevance: 0
-  };
-
-  return hljs;
-}));
-
 /*!
- * VERSION: 2.1.2
- * DATE: 2019-03-01
+ * VERSION: 2.1.3
+ * DATE: 2019-05-17
  * UPDATES AND DOCS AT: http://greensock.com
  *
  * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.
@@ -1853,7 +963,7 @@ https://highlightjs.org/
 		p._firstPT = p._targets = p._overwrittenProps = p._startAt = null;
 		p._notifyPluginsOfEnabled = p._lazy = false;
 
-		TweenLite.version = "2.1.2";
+		TweenLite.version = "2.1.3";
 		TweenLite.defaultEase = p._ease = new Ease(null, null, 1, 1);
 		TweenLite.defaultOverwrite = "auto";
 		TweenLite.ticker = _ticker;

dist/iwmlib.pixi.js

@@ -2023,7 +2023,7 @@
                     size = this.opts.minHeight - (2 * this.opts.padding);
                 }
 
-                const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/png/flat/${icon}.png`;
+                const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/${icon}.png`;
                 const iconTexture = PIXI.Texture.fromImage(url, true);
 
                 const sprite = new PIXI.Sprite(iconTexture);
@@ -2479,7 +2479,7 @@
             // closeButton
             //-----------------
             if (this.opts.closeButton) {
-                let closeButton = PIXI.Sprite.fromImage('../../assets/icons/png/flat/close.png', true);
+                let closeButton = PIXI.Sprite.fromImage('../../assets/icons/close.png', true);
                 closeButton.width = this.headerStyle.fontSize;
                 closeButton.height = closeButton.width;
                 closeButton.tint = this.theme.color2;
@@ -3788,16 +3788,16 @@
             }
 
             super({
-                view: view,
-                width: width,
-                height: height,
-                transparent: transparent,
-                antialias: antialias,
-                resolution: resolution,
-                autoResize: autoResize,
-                backgroundColor: backgroundColor,
-                roundPixels: roundPixels,
-                forceCanvas: forceCanvas
+                view,
+                width,
+                height,
+                transparent,
+                antialias,
+                resolution,
+                autoResize,
+                backgroundColor,
+                forceCanvas,
+                roundPixels             // not needed for PixiJS >= 5
             });
 
             this.width = width;
@@ -3809,7 +3809,12 @@
             this.orient = null;
             this.originalMapPositionToPoint = null;
             this.monkeyPatchMapping = monkeyPatchMapping;
-            PIXI.Graphics.CURVES.adaptive = adaptive;
+            if (parseInt(PIXI.VERSION) >= 5) {
+                PIXI.settings.ROUND_PIXELS = roundPixels;
+                PIXI.GRAPHICS_CURVES.adaptive = adaptive;
+            } else {
+                PIXI.Graphics.CURVES.adaptive = adaptive;
+            }
             this.graphql = graphql;
             if (fullScreen || autoResize) {
                 console.log('App is in fullScreen mode or autoResize mode');
@@ -7146,12 +7151,12 @@
             e.preventDefault();
             let event = new CustomEvent('resizeStarted');
 
-            let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let oldPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
             this.bringToFront();
 
             this.element.style.transformOrigin = "0% 0%";
 
-            let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let newPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
 
             let offset = Points.subtract(oldPostition, newPostition);
 
@@ -7204,9 +7209,9 @@
             e.preventDefault();
 
             let event = new CustomEvent('resizeEnded');
-            let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let oldPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
             this.element.style.transformOrigin = "50% 50%";
-            let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let newPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
             let offset = Points.subtract(oldPostition, newPostition);
 
             TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });
@@ -11967,7 +11972,7 @@
     class Timeline extends BitmapLabeledGraphics {
 
         constructor(width, height, { ticks = null,
-            baseLine = 0.5, showRange = true } = {}) {
+            baseLine = 0.5, showRange = true, throwDamping = 0.95 } = {}) {
             super();
             this.wantedWidth = width;
             this.wantedHeight = height;
@@ -11998,6 +12003,7 @@
             this.selection = null;
             this.autoScroll = false;
             this.direction = -1;
+            this.throwDamping = throwDamping;
             this.timeticks = ticks || new TimeTicks(new DecadeTicks(),
                 new YearTicks(),
                 new MonthTicks(),
@@ -12375,7 +12381,7 @@
                 return
             }
             this.scroll += delta;
-            delta *= 0.985;
+            delta *= this.throwDamping;
             this.redraw();
             if (Math.abs(delta) > 1 && this.autoScroll) {
                 setTimeout(() => this.keepInBounds(delta, anchor), 1000 / 100);
@@ -12405,6 +12411,666 @@
         }
     }
 
+    /**
+     * pixi.js scrollbox: a masked content box that can scroll vertically or horizontally with scrollbars
+     */
+    class Scrollbox extends PIXI.Container {
+        /**
+         * create a scrollbox
+         * @param {object} options
+         * @param {boolean} [options.dragScroll=true] user may drag the content area to scroll content
+         * @param {string} [options.overflowX=auto] (none, scroll, hidden, auto) this changes whether the scrollbar is shown
+         * @param {string} [options.overflowY=auto] (none, scroll, hidden, auto) this changes whether the scrollbar is shown
+         * @param {string} [options.overflow] (none, scroll, hidden, auto) sets overflowX and overflowY to this value
+         * @param {number} [options.boxWidth=100] width of scrollbox including scrollbar (in pixels)
+         * @param {number} [options.boxHeight=100] height of scrollbox including scrollbar (in pixels)
+         * @param {number} [options.scrollbarSize=10] size of scrollbar (in pixels)
+         * @param {number} [options.scrollbarOffsetHorizontal=0] offset of horizontal scrollbar (in pixels)
+         * @param {number} [options.scrollbarOffsetVertical=0] offset of vertical scrollbar (in pixels)
+         * @param {boolean} [options.stopPropagation=true] call stopPropagation on any events that impact scrollbox
+         * @param {number} [options.scrollbarBackground=0xdddddd] background color of scrollbar
+         * @param {number} [options.scrollbarBackgroundAlpha=1] alpha of background of scrollbar
+         * @param {number} [options.scrollbarForeground=0x888888] foreground color of scrollbar
+         * @param {number} [options.scrollbarForegroundAlpha=1] alpha of foreground of scrollbar
+         * @param {string} [options.underflow=top-left] what to do when content underflows the scrollbox size: none: do nothing; (left/right/center AND top/bottom/center); OR center (e.g., 'top-left', 'center', 'none', 'bottomright')
+         * @param {(boolean|number)} [options.fade] fade the scrollbar when not in use (true = 1000ms)
+         * @param {number} [options.fadeWait=3000] time to wait before fading the scrollbar if options.fade is set
+         * @param {(string|function)} [options.fadeEase=easeInOutSine] easing function to use for fading
+         */
+        constructor(options)
+        {
+            super();
+            this.options = Object.assign({}, {
+                boxWidth: 100,
+                boxHeight: 100,
+                scrollbarSize: 10,
+                scrollbarBackground: 14540253,
+                scrollbarBackgroundAlpha: 1,
+                scrollbarForeground: 8947848,
+                scrollbarForegroundAlpha: 1,
+                dragScroll: true,
+                stopPropagation: true,
+                scrollbarOffsetHorizontal: 0,
+                scrollbarOffsetVertical: 0,
+                underflow: 'top-left',
+                fadeScrollbar: false,
+                fadeWait: 3000,
+                fadeEase: 'easeInOutSine'
+            }, options);
+            this.ease = new PIXI.extras.Ease.list();
+
+            this.on('added', event => {
+                this.update();
+            });
+
+            /**
+             * content in placed in here
+             * you can use any function from pixi-viewport on content to manually move the content (see https://davidfig.github.io/pixi-viewport/jsdoc/)
+             * @type {PIXI.extras.Viewport}
+             */
+            this.content = this.addChild(new PIXI.extras.Viewport({ passiveWheel: this.options.stopPropagation, stopPropagation: this.options.stopPropagation, screenWidth: this.options.boxWidth, screenHeight: this.options.boxHeight }));
+            this.content
+                .decelerate()
+                .on('moved', () => this._drawScrollbars());
+
+            /**
+             * graphics element for drawing the scrollbars
+             * @type {PIXI.Graphics}
+             */
+            this.scrollbar = this.addChild(new PIXI.Graphics());
+            this.scrollbar.interactive = true;
+            this.scrollbar.on('pointerdown', this.scrollbarDown, this);
+            this.interactive = true;
+            this.on('pointermove', this.scrollbarMove, this);
+            this.on('pointerup', this.scrollbarUp, this);
+            this.on('pointercancel', this.scrollbarUp, this);
+            this.on('pointerupoutside', this.scrollbarUp, this);
+            this._maskContent = this.addChild(new PIXI.Graphics());
+            this.update();
+        }
+
+        /**
+         * offset of horizontal scrollbar (in pixels)
+         * @type {number}
+         */
+        get scrollbarOffsetHorizontal()
+        {
+            return this.options.scrollbarOffsetHorizontal
+        }
+        set scrollbarOffsetHorizontal(value)
+        {
+            this.options.scrollbarOffsetHorizontal = value;
+        }
+
+        /**
+         * offset of vertical scrollbar (in pixels)
+         * @type {number}
+         */
+        get scrollbarOffsetVertical()
+        {
+            return this.options.scrollbarOffsetVertical
+        }
+        set scrollbarOffsetVertical(value)
+        {
+            this.options.scrollbarOffsetVertical = value;
+        }
+
+        /**
+         * disable the scrollbox (if set to true this will also remove the mask)
+         * @type {boolean}
+         */
+        get disable()
+        {
+            return this._disabled
+        }
+        set disable(value)
+        {
+            if (this._disabled !== value)
+            {
+                this._disabled = value;
+                this.update();
+            }
+        }
+
+        /**
+         * call stopPropagation on any events that impact scrollbox
+         * @type {boolean}
+         */
+        get stopPropagation()
+        {
+            return this.options.stopPropagation
+        }
+        set stopPropagation(value)
+        {
+            this.options.stopPropagation = value;
+        }
+
+        /**
+         * user may drag the content area to scroll content
+         * @type {boolean}
+         */
+        get dragScroll()
+        {
+            return this.options.dragScroll
+        }
+        set dragScroll(value)
+        {
+            this.options.dragScroll = value;
+            if (value)
+            {
+                this.content.drag();
+            }
+            else
+            {
+                this.content.removePlugin('drag');
+            }
+            this.update();
+        }
+
+        /**
+         * width of scrollbox including the scrollbar (if visible)- this changes the size and not the scale of the box
+         * @type {number}
+         */
+        get boxWidth()
+        {
+            return this.options.boxWidth
+        }
+        set boxWidth(value)
+        {
+            this.options.boxWidth = value;
+            this.content.screenWidth = value;
+            this.update();
+        }
+
+        /**
+         * sets overflowX and overflowY to (scroll, hidden, auto) changing whether the scrollbar is shown
+         * scroll = always show scrollbar
+         * hidden = hide overflow and do not show scrollbar
+         * auto = if content is larger than box size, then show scrollbar
+         * @type {string}
+         */
+        get overflow()
+        {
+            return this.options.overflow
+        }
+        set overflow(value)
+        {
+            this.options.overflow = value;
+            this.options.overflowX = value;
+            this.options.overflowY = value;
+            this.update();
+        }
+
+        /**
+         * sets overflowX to (scroll, hidden, auto) changing whether the scrollbar is shown
+         * scroll = always show scrollbar
+         * hidden = hide overflow and do not show scrollbar
+         * auto = if content is larger than box size, then show scrollbar
+         * @type {string}
+         */
+        get overflowX()
+        {
+            return this.options.overflowX
+        }
+        set overflowX(value)
+        {
+            this.options.overflowX = value;
+            this.update();
+        }
+
+        /**
+         * sets overflowY to (scroll, hidden, auto) changing whether the scrollbar is shown
+         * scroll = always show scrollbar
+         * hidden = hide overflow and do not show scrollbar
+         * auto = if content is larger than box size, then show scrollbar
+         * @type {string}
+         */
+        get overflowY()
+        {
+            return this.options.overflowY
+        }
+        set overflowY(value)
+        {
+            this.options.overflowY = value;
+            this.update();
+        }
+
+        /**
+         * height of scrollbox including the scrollbar (if visible) - this changes the size and not the scale of the box
+         * @type {number}
+         */
+        get boxHeight()
+        {
+            return this.options.boxHeight
+        }
+        set boxHeight(value)
+        {
+            this.options.boxHeight = value;
+            this.content.screenHeight = value;
+            this.update();
+        }
+
+        /**
+         * scrollbar size in pixels
+         * @type {number}
+         */
+        get scrollbarSize()
+        {
+            return this.options.scrollbarSize
+        }
+        set scrollbarSize(value)
+        {
+            this.options.scrollbarSize = value;
+        }
+
+        /**
+         * width of scrollbox less the scrollbar (if visible)
+         * @type {number}
+         * @readonly
+         */
+        get contentWidth()
+        {
+            return this.options.boxWidth - (this.isScrollbarVertical ? this.options.scrollbarSize : 0)
+        }
+
+        /**
+         * height of scrollbox less the scrollbar (if visible)
+         * @type {number}
+         * @readonly
+         */
+        get contentHeight()
+        {
+            return this.options.boxHeight - (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)
+        }
+
+        /**
+         * is the vertical scrollbar visible
+         * @type {boolean}
+         * @readonly
+         */
+        get isScrollbarVertical()
+        {
+            return this._isScrollbarVertical
+        }
+
+        /**
+         * is the horizontal scrollbar visible
+         * @type {boolean}
+         * @readonly
+         */
+        get isScrollbarHorizontal()
+        {
+            return this._isScrollbarHorizontal
+        }
+
+        /**
+         * top coordinate of scrollbar
+         */
+        get scrollTop()
+        {
+            return this.content.top
+        }
+
+        /**
+         * left coordinate of scrollbar
+         */
+        get scrollLeft()
+        {
+            return this.content.left
+        }
+
+        /**
+         * width of content area
+         * if not set then it uses content.width to calculate width
+         */
+        get scrollWidth()
+        {
+            return this._scrollWidth || this.content.width
+        }
+        set scrollWidth(value)
+        {
+            this._scrollWidth = value;
+        }
+
+        /**
+         * height of content area
+         * if not set then it uses content.height to calculate height
+         */
+        get scrollHeight()
+        {
+            return this._scrollHeight || this.content.height
+        }
+        set scrollHeight(value)
+        {
+            this._scrollHeight = value;
+        }
+
+        /**
+         * draws scrollbars
+         * @private
+         */
+        _drawScrollbars()
+        {
+            this._isScrollbarHorizontal = this.overflowX === 'scroll' ? true : ['hidden', 'none'].indexOf(this.overflowX) !== -1 ? false : this.scrollWidth > this.options.boxWidth;
+            this._isScrollbarVertical = this.overflowY === 'scroll' ? true : ['hidden', 'none'].indexOf(this.overflowY) !== -1 ? false : this.scrollHeight > this.options.boxHeight;
+            this.scrollbar.clear();
+            let options = {};
+            options.left = 0;
+            options.right = this.scrollWidth + (this._isScrollbarVertical ? this.options.scrollbarSize : 0);
+            options.top = 0;
+            options.bottom = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0);
+            const width = this.scrollWidth + (this.isScrollbarVertical ? this.options.scrollbarSize : 0);
+            const height = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0);
+            this.scrollbarTop = (this.content.top / height) * this.boxHeight;
+            this.scrollbarTop = this.scrollbarTop < 0 ? 0 : this.scrollbarTop;
+            this.scrollbarHeight = (this.boxHeight / height) * this.boxHeight;
+            this.scrollbarHeight = this.scrollbarTop + this.scrollbarHeight > this.boxHeight ? this.boxHeight - this.scrollbarTop : this.scrollbarHeight;
+            this.scrollbarLeft = (this.content.left / width) * this.boxWidth;
+            this.scrollbarLeft = this.scrollbarLeft < 0 ? 0 : this.scrollbarLeft;
+            this.scrollbarWidth = (this.boxWidth / width) * this.boxWidth;
+            this.scrollbarWidth = this.scrollbarWidth + this.scrollbarLeft > this.boxWidth ? this.boxWidth - this.scrollbarLeft : this.scrollbarWidth;
+            if (this.isScrollbarVertical)
+            {
+                this.scrollbar
+                    .beginFill(this.options.scrollbarBackground, this.options.scrollbarBackgroundAlpha)
+                    .drawRect(this.boxWidth - this.scrollbarSize + this.options.scrollbarOffsetVertical, 0, this.scrollbarSize, this.boxHeight)
+                    .endFill();
+            }
+            if (this.isScrollbarHorizontal)
+            {
+                this.scrollbar
+                    .beginFill(this.options.scrollbarBackground, this.options.scrollbarBackgroundAlpha)
+                    .drawRect(0, this.boxHeight - this.scrollbarSize + this.options.scrollbarOffsetHorizontal, this.boxWidth, this.scrollbarSize)
+                    .endFill();
+            }
+            if (this.isScrollbarVertical)
+            {
+                this.scrollbar
+                    .beginFill(this.options.scrollbarForeground, this.options.scrollbarForegroundAlpha)
+                    .drawRect(this.boxWidth - this.scrollbarSize + this.options.scrollbarOffsetVertical, this.scrollbarTop, this.scrollbarSize, this.scrollbarHeight)
+                    .endFill();
+            }
+            if (this.isScrollbarHorizontal)
+            {
+                this.scrollbar
+                    .beginFill(this.options.scrollbarForeground, this.options.scrollbarForegroundAlpha)
+                    .drawRect(this.scrollbarLeft, this.boxHeight - this.scrollbarSize + this.options.scrollbarOffsetHorizontal, this.scrollbarWidth, this.scrollbarSize)
+                    .endFill();
+            }
+            // this.content.forceHitArea = new PIXI.Rectangle(0, 0 , this.boxWidth, this.boxHeight)
+            this.activateFade();
+        }
+
+        /**
+         * draws mask layer
+         * @private
+         */
+        _drawMask()
+        {
+            this._maskContent
+                .beginFill(0)
+                .drawRect(0, 0, this.boxWidth, this.boxHeight)
+                .endFill();
+            this.content.mask = this._maskContent;
+        }
+
+        /**
+         * call when scrollbox content changes
+         */
+        update()
+        {
+            this.content.mask = null;
+            this._maskContent.clear();
+            if (!this._disabled)
+            {
+                this._drawScrollbars();
+                this._drawMask();
+                if (this.options.dragScroll)
+                {
+                    const direction = this.isScrollbarHorizontal && this.isScrollbarVertical ? 'all' : this.isScrollbarHorizontal ? 'x' : 'y';
+                    if (direction !== null)
+                    {
+                        this.content
+                            .drag({ clampWheel: true, direction })
+                            .clamp({ direction, underflow: this.options.underflow });
+                    }
+                }
+            }
+        }
+
+        /**
+         * show the scrollbar and restart the timer for fade if options.fade is set
+         */
+        activateFade()
+        {
+            if (this.options.fade)
+            {
+                if (this.fade)
+                {
+                    this.ease.remove(this.fade);
+                }
+                this.scrollbar.alpha = 1;
+                const time = this.options.fade === true ? 1000 : this.options.fade;
+                this.fade = this.ease.to(this.scrollbar, { alpha: 0 }, time, { wait: this.options.fadeWait, ease: this.options.fadeEase });
+                this.fade.on('each', () => this.content.dirty = true);
+            }
+        }
+
+        /**
+         * handle pointer down on scrollbar
+         * @param {PIXI.interaction.InteractionEvent} e
+         * @private
+         */
+        scrollbarDown(e)
+        {
+            const local = this.toLocal(e.data.global);
+            if (this.isScrollbarHorizontal)
+            {
+                if (local.y > this.boxHeight - this.scrollbarSize)
+                {
+                    if (local.x >= this.scrollbarLeft && local.x <= this.scrollbarLeft + this.scrollbarWidth)
+                    {
+                        this.pointerDown = { type: 'horizontal', last: local };
+                    }
+                    else
+                    {
+                        if (local.x > this.scrollbarLeft)
+                        {
+                            this.content.left += this.content.worldScreenWidth;
+                            this.update();
+                        }
+                        else
+                        {
+                            this.content.left -= this.content.worldScreenWidth;
+                            this.update();
+                        }
+                    }
+                    if (this.options.stopPropagation)
+                    {
+                        e.stopPropagation();
+                    }
+                    return
+                }
+            }
+            if (this.isScrollbarVertical)
+            {
+                if (local.x > this.boxWidth - this.scrollbarSize)
+                {
+                    if (local.y >= this.scrollbarTop && local.y <= this.scrollbarTop + this.scrollbarWidth)
+                    {
+                        this.pointerDown = { type: 'vertical', last: local };
+                    }
+                    else
+                    {
+                        if (local.y > this.scrollbarTop)
+                        {
+                            this.content.top += this.content.worldScreenHeight;
+                            this.update();
+                        }
+                        else
+                        {
+                            this.content.top -= this.content.worldScreenHeight;
+                            this.update();
+                        }
+                    }
+                    if (this.options.stopPropagation)
+                    {
+                        e.stopPropagation();
+                    }
+                    return
+                }
+            }
+        }
+
+        /**
+         * handle pointer move on scrollbar
+         * @param {PIXI.interaction.InteractionEvent} e
+         * @private
+         */
+        scrollbarMove(e)
+        {
+            if (this.pointerDown)
+            {
+                if (this.pointerDown.type === 'horizontal')
+                {
+                    const local = this.toLocal(e.data.global);
+                    this.content.left += local.x - this.pointerDown.last.x;
+                    this.pointerDown.last = local;
+                    this.update();
+                }
+                else if (this.pointerDown.type === 'vertical')
+                {
+                    const local = this.toLocal(e.data.global);
+                    this.content.top += local.y - this.pointerDown.last.y;
+                    this.pointerDown.last = local;
+                    this.update();
+                }
+                if (this.options.stopPropagation)
+                {
+                    e.stopPropagation();
+                }
+            }
+        }
+
+        /**
+         * handle pointer down on scrollbar
+         * @private
+         */
+        scrollbarUp()
+        {
+            this.pointerDown = null;
+        }
+
+        /**
+         * resize the mask for the container
+         * @param {object} options
+         * @param {number} [options.boxWidth] width of scrollbox including scrollbar (in pixels)
+         * @param {number} [options.boxHeight] height of scrollbox including scrollbar (in pixels)
+         * @param {number} [options.scrollWidth] set the width of the inside of the scrollbox (leave null to use content.width)
+         * @param {number} [options.scrollHeight] set the height of the inside of the scrollbox (leave null to use content.height)
+         */
+        resize(options)
+        {
+            this.options.boxWidth = typeof options.boxWidth !== 'undefined' ? options.boxWidth : this.options.boxWidth;
+            this.options.boxHeight = typeof options.boxHeight !== 'undefined' ? options.boxHeight : this.options.boxHeight;
+            if (options.scrollWidth)
+            {
+                this.scrollWidth = options.scrollWidth;
+            }
+            if (options.scrollHeight)
+            {
+                this.scrollHeight = options.scrollHeight;
+            }
+            this.content.resize(this.options.boxWidth, this.options.boxHeight, this.scrollWidth, this.scrollHeight);
+            this.update();
+        }
+
+        /**
+         * ensure that the bounding box is visible
+         * @param {number} x - relative to content's coordinate system
+         * @param {number} y
+         * @param {number} width
+         * @param {number} height
+         */
+        ensureVisible(x, y, width, height)
+        {
+            this.content.ensureVisible(x, y, width, height);
+            this._drawScrollbars();
+        }
+    }
+
+    /**
+     * Class that represents a PixiJS Scrollview.
+     * 
+     * @example
+     * // Create the app
+     * const app = new PIXIApp({
+     *     view: canvas,
+     *     width: 600,
+     *     height: 400
+     * }).setup().run()
+     * 
+     * // Create the Scrollview
+     * app.loader
+     *     .add('elephant', './assets/elephant-1.jpg')
+     *     .load((loader, resources) => {
+     *         const sprite = new PIXI.Sprite(resources.elephant.texture)
+     *         const scrollview = new Scrollview({boxWidth: 400, boxHeight: 300})
+     *         scrollview.content.addChild(sprite)
+     *         app.scene.addChild(scrollview)
+     *
+     * @class
+     * @extends PIXI.extras.Scrollbox
+     * @see {@link https://davidfig.github.io/pixi-scrollbox/jsdoc/Scrollbox.html|Scrollbox}
+     * @see {@link https://davidfig.github.io/pixi-viewport/jsdoc/Viewport.html|Viewport}
+     */
+    class Scrollview extends Scrollbox {
+        
+        /**
+         * Creates an instance of a Scrollview.
+         * 
+         * @constructor
+         * @see https://davidfig.github.io/pixi-scrollbox/jsdoc/Scrollbox.html
+         */
+        constructor(opts = {}) {
+
+            super(opts);
+
+            this.opts = opts;
+
+            // setup
+            //-----------------
+            this.setup();
+
+            // layout
+            //-----------------
+            this.layout();
+        }
+        
+        /**
+         * Creates children and instantiates everything.
+         * 
+         * @private
+         * @return {Scrollview} A reference to the Scrollview for chaining.
+         */
+        setup() {
+
+            return this
+        }
+        
+        /**
+         * Should be called to refresh the layout of the Scrollview. Can be used after resizing.
+         * 
+         * @return {Scrollview} A reference to the Scrollview for chaining.
+         */
+        layout() {
+
+            this.update();
+
+            return this
+        }
+    }
+
     /**
      * Callback for the slider action onStart.
      *
@@ -14050,6 +14716,7 @@
     window.Theme = Theme;
     window.Button = Button;
     window.ButtonGroup = ButtonGroup;
+    window.Scrollview = Scrollview;
     window.Slider = Slider;
     window.Switch = Switch;
     window.Popup = Popup;

doc/conf.json

@@ -31,6 +31,7 @@
             "./lib/pixi/popup.js",
             "./lib/pixi/popupmenu.js",
             "./lib/pixi/progress.js",
+            "./lib/pixi/scrollview.js",
             "./lib/pixi/slider.js",
             "./lib/pixi/switch.js",
             "./lib/pixi/theme.js",

doc/out/AbstractPopup.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1213,7 +1467,7 @@ like Popup, Message, Tooltip...</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_abstractpopup.js.html#line15">abstractpopup.js:15</a>
+            <a href="pixi_abstractpopup.js.html#line49">abstractpopup.js:49</a>
         </div>
         
     </div>
@@ -1444,7 +1698,7 @@ like Popup, Message, Tooltip...</p></div>
                     
                 
                 <p>The theme to use for this popup. Possible values are dark, light, red
-    or a Theme object.</p></td>
+or a Theme object.</p></td>
         </tr>
 	
 	
@@ -1485,7 +1739,7 @@ like Popup, Message, Tooltip...</p></div>
                     
                 
                 <p>The heading inside the popup as a string, a number (will be
-    converted to a text) or as a PIXI.Text object.</p></td>
+converted to a text) or as a PIXI.Text object.</p></td>
         </tr>
 	
 	
@@ -1526,7 +1780,7 @@ like Popup, Message, Tooltip...</p></div>
                     
                 
                 <p>A text, a number (will be converted to a text) or
-    an PIXI.DisplayObject as the content of the popup.</p></td>
+an PIXI.DisplayObject as the content of the popup.</p></td>
         </tr>
 	
 	
@@ -1851,7 +2105,7 @@ like Popup, Message, Tooltip...</p></div>
                     
                 
                 <p>A textstyle object for the styling of the header. See PIXI.TextStyle
-    for possible options.</p></td>
+for possible options.</p></td>
         </tr>
 	
 	
@@ -1888,7 +2142,7 @@ like Popup, Message, Tooltip...</p></div>
                     
                 
                 <p>A textstyle object for the styling of the text. See PIXI.TextStyle
-    for possible options.</p></td>
+for possible options.</p></td>
         </tr>
 	
 	
@@ -2029,7 +2283,7 @@ like Popup, Message, Tooltip...</p></div>
                     
                 
                 <p>When set to portrait, the popup cannot be displayed in landscape mode. When set
-    to landscape, the popup cannot be displayed in portrait mode.</p></td>
+to landscape, the popup cannot be displayed in portrait mode.</p></td>
         </tr>
 	
 	
@@ -2658,7 +2912,7 @@ a string, a number or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Badge.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_badge.js.html#line34">badge.js:34</a>
+            <a href="pixi_badge.js.html#line47">badge.js:47</a>
         </div>
         
     </div>
@@ -1440,7 +1694,7 @@
                     
                 
                 <p>A string for the label of the tooltip or an object to configure the tooltip
-    to display.</p></td>
+to display.</p></td>
         </tr>
 	
 	
@@ -1559,6 +1813,8 @@ const badge1 = new Badge({
                 <span class="access-signature inherited"><a href="AbstractPopup.html#content">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#content">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1613,6 +1869,8 @@ a string, a number or a PIXI.DisplayObject.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#header">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#header">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1675,6 +1933,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#hide">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#hide">overrides</a></span>
+            
         </h4>
     
         
@@ -1827,11 +2087,11 @@ a string, a number or a PIXI.Text object.</p>
             <span class="">
                 layout
             </span>
-            <span class="signature">()</span><span class="type-signature"><a href="AbstractPopup.html">AbstractPopup</a></span>
+            <span class="signature">()</span><span class="type-signature"><a href="Badge.html">Badge</a></span>
             
             
             
-                <span class="access-signature inherited"><a href="AbstractPopup.html#layout">inherited</a></span>
+                <span class="access-signature inherited"><a href="Badge.html#layout">inherited</a></span>
             
             
                 <span class="access-signature overrides"><a href="AbstractPopup.html#layout">overrides</a></span>
@@ -1840,7 +2100,7 @@ a string, a number or a PIXI.Text object.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_abstractpopup.js.html#line185">abstractpopup.js:185</a>
+            <a href="pixi_badge.js.html#line102">badge.js:102</a>
         </div>
         
     </div>
@@ -1851,7 +2111,7 @@ a string, a number or a PIXI.Text object.</p>
     
     
     <div class="description">
-        <p>Should be called to refresh the layout of the popup. Can be used after resizing.</p>
+        <p>Should be called to refresh the layout of the badge. Can be used after resizing.</p>
     </div>
     
 
@@ -1912,11 +2172,11 @@ a string, a number or a PIXI.Text object.</p>
             
             <td class="type">
             
-                        <a href="AbstractPopup.html">AbstractPopup</a>
+                        <a href="Badge.html">Badge</a>
                         
                     
             </td>
-            <td class="description last">A reference to the popup for chaining.</td>
+            <td class="description last">A reference to the badge for chaining.</td>
         </tr>
     
     </tbody>
@@ -1943,6 +2203,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#show">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#show">overrides</a></span>
+            
         </h4>
     
         
@@ -2106,7 +2368,7 @@ a string, a number or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/BlurFilter.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1215,7 +1469,7 @@ is assigned to!</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_blurfilter.js.html#line35">blurfilter.js:35</a>
+            <a href="pixi_blurfilter.js.html#line37">blurfilter.js:37</a>
         </div>
         
     </div>
@@ -1287,7 +1541,7 @@ is assigned to!</p></div>
                     
                 
                 <p>The area where the blur effect should be applied to. Relative to the
-    canvas, NOT relative to the PIXI.DisplayObject where the blur effect is assigned to!</p></td>
+canvas, NOT relative to the PIXI.DisplayObject where the blur effect is assigned to!</p></td>
         </tr>
 	
 	
@@ -1538,7 +1792,7 @@ app.scene.filters = [blurFilter]</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Button.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_button.js.html#line50">button.js:50</a>
+            <a href="pixi_button.js.html#line109">button.js:109</a>
         </div>
         
     </div>
@@ -1476,7 +1730,7 @@
                     
                 
                 <p>The theme to use for this button. Possible values are dark, light, red
-    or a Theme object.</p></td>
+or a Theme object.</p></td>
         </tr>
 	
 	
@@ -2165,7 +2419,7 @@
                     
                 
                 <p>A textstyle object for the styling of the label. See PIXI.TextStyle
-    for possible options.</p></td>
+for possible options.</p></td>
         </tr>
 	
 	
@@ -2202,7 +2456,7 @@
                     
                 
                 <p>A textstyle object for the styling of the label when the
-    button is activated. See PIXI.TextStyle for possible options.</p></td>
+button is activated. See PIXI.TextStyle for possible options.</p></td>
         </tr>
 	
 	
@@ -2311,7 +2565,7 @@
                     
                 
                 <p>Is the button disabled? When disabled, the button has a lower alpha value
-    and cannot be clicked (interactive is set to false).</p></td>
+and cannot be clicked (interactive is set to false).</p></td>
         </tr>
 	
 	
@@ -2486,7 +2740,7 @@
                     
                 
                 <p>The type of the button. Can be default or checkbox. When the type is
-    checkbox, the active state is toggled automatically.</p></td>
+checkbox, the active state is toggled automatically.</p></td>
         </tr>
 	
 	
@@ -2523,7 +2777,7 @@
                     
                 
                 <p>The horizontal position of the label and the icon. Possible values are
-    left, center and right. Only affects the style when the minWidth is bigger than the width of the icon and label.</p></td>
+left, center and right. Only affects the style when the minWidth is bigger than the width of the icon and label.</p></td>
         </tr>
 	
 	
@@ -2560,7 +2814,7 @@
                     
                 
                 <p>The vertical position of the label and the icon. Possible values are
-    top, middle and button. Only affects the style when the minHeight is bigger than the height of the icon and label.</p></td>
+top, middle and button. Only affects the style when the minHeight is bigger than the height of the icon and label.</p></td>
         </tr>
 	
 	
@@ -2598,7 +2852,7 @@
                     
                 
                 <p>A string for the label of the tooltip or an object to configure the tooltip
-    to display.</p></td>
+to display.</p></td>
         </tr>
 	
 	
@@ -2636,7 +2890,7 @@
                     
                 
                 <p>A string for the label of the badge or an object to configure the badge to display.
-    If the parameter is an object, all badge options can be set plus the following:</p>
+If the parameter is an object, all badge options can be set plus the following:</p>
                 
 
 <table class="params">
@@ -3556,7 +3810,7 @@ the tint property of the icon sprite.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/ButtonGroup.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_buttongroup.js.html#line28">buttongroup.js:28</a>
+            <a href="pixi_buttongroup.js.html#line78">buttongroup.js:78</a>
         </div>
         
     </div>
@@ -1439,8 +1693,8 @@
                     
                 
                 <p>An array of the buttons of the button group. One item of the array (one object)
-    can have exactly the same properties as an Button object when instantiating a Button. If a property of the button group
-    conflicts with a property of a button object, the value from the button object will be used.</p></td>
+can have exactly the same properties as an Button object when instantiating a Button. If a property of the button group
+conflicts with a property of a button object, the value from the button object will be used.</p></td>
         </tr>
 	
 	
@@ -1480,7 +1734,7 @@
                     
                 
                 <p>The theme to use for this button group. Possible values are dark, light, red
-    or a Theme object.</p></td>
+or a Theme object.</p></td>
         </tr>
 	
 	
@@ -2129,7 +2383,7 @@
                     
                 
                 <p>Button: A textstyle object for the styling of the label. See PIXI.TextStyle
-    for possible options.</p></td>
+for possible options.</p></td>
         </tr>
 	
 	
@@ -2166,7 +2420,7 @@
                     
                 
                 <p>Button: A textstyle object for the styling of the label when the
-    button is activated. See PIXI.TextStyle for possible options.</p></td>
+button is activated. See PIXI.TextStyle for possible options.</p></td>
         </tr>
 	
 	
@@ -2275,7 +2529,7 @@
                     
                 
                 <p>Is the button group disabled? When disabled, the button group has a lower alpha value
-    and cannot be clicked (interactive of every button is set to false).</p></td>
+and cannot be clicked (interactive of every button is set to false).</p></td>
         </tr>
 	
 	
@@ -2312,8 +2566,8 @@
                     
                 
                 <p>The type of the button group. Can be default, checkbox or radio. When the type is
-    checkbox, the active state is toggled for each button automatically. When the type is radio, only one button can
-    be activated at the same time.</p></td>
+checkbox, the active state is toggled for each button automatically. When the type is radio, only one button can
+be activated at the same time.</p></td>
         </tr>
 	
 	
@@ -2386,7 +2640,7 @@
                     
                 
                 <p>Button: The horizontal position of the label and the icon. Possible values are
-    left, center and right. Only affects the style when the minWidth is bigger than the width of the icon and label.</p></td>
+left, center and right. Only affects the style when the minWidth is bigger than the width of the icon and label.</p></td>
         </tr>
 	
 	
@@ -2423,7 +2677,7 @@
                     
                 
                 <p>Button: The vertical position of the label and the icon. Possible values are
-    top, middle and bottom. Only affects the style when the minHeight is bigger than the height of the icon and label.</p></td>
+top, middle and bottom. Only affects the style when the minHeight is bigger than the height of the icon and label.</p></td>
         </tr>
 	
 	
@@ -2952,7 +3206,7 @@ app.scene.addChild(buttonGroup)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/DeepZoomImage.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1215,7 +1469,7 @@ more detailed tiles at the larger level as fast as possible.</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_deepzoom_image.js.html#line350">image.js:350</a>
+            <a href="pixi_deepzoom_image.js.html#line351">image.js:351</a>
         </div>
         
     </div>
@@ -1324,6 +1578,13 @@ more detailed tiles at the larger level as fast as possible.</p></div>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="DeepZoomImage.html">DeepZoomImage</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -4311,7 +4572,7 @@ layer.</p>
     
     <div class="description">
         <p>Default setup method for tiles. Loads all tiles of the current level.
-    Can be overwritten in subclasses.</p>
+Can be overwritten in subclasses.</p>
     </div>
     
 
@@ -4741,7 +5002,7 @@ load tiles accordingly.</p>
             <td class="description last">
                 
                 <p>informs the callback to return as fast as possible,
- i.e. after loading a single tile</p></td>
+i.e. after loading a single tile</p></td>
         </tr>
 	
 	
@@ -4829,7 +5090,7 @@ load tiles accordingly.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/DeepZoomInfo.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1212,7 +1466,7 @@ height and width of the overall image, overlap, and image type.</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_deepzoom_image.js.html#line47">image.js:47</a>
+            <a href="pixi_deepzoom_image.js.html#line48">image.js:48</a>
         </div>
         
     </div>
@@ -1344,6 +1598,13 @@ height and width of the overall image, overlap, and image type.</p></div>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="DeepZoomInfo.html">DeepZoomInfo</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1982,7 +2243,7 @@ height and width of the overall image, overlap, and image type.</p></div>
     
     <div class="description">
         <p>Loads the image for the given url and executes a callback function
-    on completion.</p>
+on completion.</p>
     </div>
     
 
@@ -2342,7 +2603,7 @@ height and width of the overall image, overlap, and image type.</p></div>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Flippable.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_flippable.js.html#line46">flippable.js:46</a>
+            <a href="pixi_flippable.js.html#line72">flippable.js:72</a>
         </div>
         
     </div>
@@ -2252,7 +2506,7 @@ front.on('click', event => flippable.toggle())</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/FontInfo.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1299,7 +1553,7 @@
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Hypenate.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1501,7 +1755,7 @@
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/InteractivePopup.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1213,7 +1467,7 @@ like Popup, Message...</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_popup.js.html#line16">popup.js:16</a>
+            <a href="pixi_popup.js.html#line28">popup.js:28</a>
         </div>
         
     </div>
@@ -1503,6 +1757,13 @@ like Popup, Message...</p></div>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="InteractivePopup.html">InteractivePopup</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1523,6 +1784,8 @@ like Popup, Message...</p></div>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#content">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#content">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1577,6 +1840,8 @@ a string, a number or a PIXI.DisplayObject.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#header">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#header">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1639,6 +1904,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#hide">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#hide">overrides</a></span>
+            
         </h4>
     
         
@@ -1905,6 +2172,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#show">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#show">overrides</a></span>
+            
         </h4>
     
         
@@ -2068,7 +2337,7 @@ a string, a number or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/LabeledGraphics.exports.LabeledGraphics.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1301,7 +1555,7 @@
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/LabeledGraphics.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1607,12 +1861,12 @@ under the given key.</p>
                         
                     
                 
-                <p>Defines attributes of the text object. 
-                              align: 'right', 'left', or 'center'
-                              justify: 'top', 'bottom', or 'center'
-                              maxLines: {integer} truncates the text and adds ellipsis
-                              maxHeight: {number} truncates text that needs more space and adds ellipsis
-                              maxWidth: {number} word wraps text using hyphenation if possible</p></td>
+                <p>Defines attributes of the text object.
+align: 'right', 'left', or 'center'
+justify: 'top', 'bottom', or 'center'
+maxLines: {integer} truncates the text and adds ellipsis
+maxHeight: {number} truncates text that needs more space and adds ellipsis
+maxWidth: {number} word wraps text using hyphenation if possible</p></td>
         </tr>
 	
 	
@@ -2366,7 +2620,7 @@ than wanted</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/List.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_list.js.html#line25">list.js:25</a>
+            <a href="pixi_list.js.html#line47">list.js:47</a>
         </div>
         
     </div>
@@ -1357,7 +1611,7 @@
                     
                 
                 <p>The width of the list. If the items are larger than this width, the overflow
-    will be hidden.</p></td>
+will be hidden.</p></td>
         </tr>
 	
 	
@@ -1392,7 +1646,7 @@
                     
                 
                 <p>The height of the list. If the items are larger than this height, the overflow
-    will be hidden.</p></td>
+will be hidden.</p></td>
         </tr>
 	
 	
@@ -1537,7 +1791,7 @@
                     
                 
                 <p>The horizontal position of the items. Possible values are
-    left, center and right.</p></td>
+left, center and right.</p></td>
         </tr>
 	
 	
@@ -1574,7 +1828,7 @@
                     
                 
                 <p>The vertical position of the items. Possible values are
-    top, middle and bottom.</p></td>
+top, middle and bottom.</p></td>
         </tr>
 	
 	
@@ -1609,7 +1863,7 @@
                     
                 
                 <p>The PixiJS Application. Must be set if you want to use the mousewheel to
-    scroll your list.</p></td>
+scroll your list.</p></td>
         </tr>
 	
 	
@@ -2325,7 +2579,7 @@ app.scene.addChild(list)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Message.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_message.js.html#line37">message.js:37</a>
+            <a href="pixi_message.js.html#line57">message.js:57</a>
         </div>
         
     </div>
@@ -1511,7 +1765,7 @@
                     
                 
                 <p>The horizontal position of the message box relative to the app. Possible
-    values are left, center, right.</p></td>
+values are left, center, right.</p></td>
         </tr>
 	
 	
@@ -1548,7 +1802,7 @@
                     
                 
                 <p>The vertical position of the message box relative to the app. Possible
-    values are top, middle, bottom.</p></td>
+values are top, middle, bottom.</p></td>
         </tr>
 	
 	
@@ -1759,16 +2013,303 @@ app.scene.addChild(button)</code></pre>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="MessageInteractivePopup.html">InteractivePopup</a></dt>
+            
+        
+            <dt class=""><a href="MessageMessageInteractivePopup.html">InteractivePopup</a></dt>
+            
+        </dl>
     
     
     
     
     
+        <h3 class="subsection-title">Members</h3>
+        
+        <dl class="list-members">
+            
+<dt>
+    <div class="nameContainer">
+        <h4 class="name" id="content">
+            <a class="share-icon" href="#content"><span class="glyphicon glyphicon-link"></span></a>
+            <span class="">content</span>
+            <span class="type-signature type">string | number | PIXI.DisplayObject</span>
+            
+            
+            
+                <span class="access-signature inherited"><a href="AbstractPopup.html#content">inherited</a></span>
+            
+            
+                <span class="access-signature overrides"><a href="InteractivePopup.html#content">overrides</a></span>
+            
+        </h4>
+    </div>
+    
+    
+</dt>
+<dd>
+    
+    <div class="description">
+        <p>Sets or gets the content. The getter always returns an PIXI.DisplayObject. The setter can receive
+a string, a number or a PIXI.DisplayObject.</p>
+    </div>
+    
+    
+    
+<dl class="details">
+    
+        
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+</dl>
+
+    
+    
+</dd>
+
+        
+            
+<dt>
+    <div class="nameContainer">
+        <h4 class="name" id="header">
+            <a class="share-icon" href="#header"><span class="glyphicon glyphicon-link"></span></a>
+            <span class="">header</span>
+            <span class="type-signature type">string | number | PIXI.Text</span>
+            
+            
+            
+                <span class="access-signature inherited"><a href="AbstractPopup.html#header">inherited</a></span>
+            
+            
+                <span class="access-signature overrides"><a href="InteractivePopup.html#header">overrides</a></span>
+            
+        </h4>
+    </div>
+    
+    
+</dt>
+<dd>
+    
+    <div class="description">
+        <p>Sets or gets the header. The getter always returns a PIXI.Text object. The setter can receive
+a string, a number or a PIXI.Text object.</p>
+    </div>
+    
+    
+    
+<dl class="details">
+    
+        
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+</dl>
+
+    
+    
+</dd>
+
+        </dl>
+    
+    
     
         <h3 class="subsection-title">Methods</h3>
         
         <dl class="list-methods">
             
+<dt>
+    <div class="nameContainer">
+        <h4 class="name" id="hide">
+            <a class="share-icon" href="#hide"><span class="glyphicon glyphicon-link"></span></a>
+            <span class="">
+                hide
+            </span>
+            <span class="signature">(<span class="optional">cb</span>)</span><span class="type-signature"><a href="AbstractPopup.html">AbstractPopup</a></span>
+            
+            
+            
+                <span class="access-signature inherited"><a href="AbstractPopup.html#hide">inherited</a></span>
+            
+            
+                <span class="access-signature overrides"><a href="InteractivePopup.html#hide">overrides</a></span>
+            
+        </h4>
+    
+        
+        <div class="tag-source">
+            <a href="pixi_abstractpopup.js.html#line307">abstractpopup.js:307</a>
+        </div>
+        
+    </div>
+
+    
+</dt>
+<dd>
+    
+    
+    <div class="description">
+        <p>Hides the popup (sets his alpha values to 0).</p>
+    </div>
+    
+
+    
+    
+    
+    
+    
+        
+
+<table class="params">
+    <thead>
+	<tr>
+		
+		<th>Name</th>
+		
+		
+		<th>Type</th>
+		
+		
+		
+		<th class="last">Description</th>
+	</tr>
+	</thead>
+	
+	<tbody>
+	
+	
+        <tr>
+            
+                <td class="name"><code>cb</code></td>
+            
+            
+            <td class="type">
+            
+                
+<span class="param-type">callback</span>
+
+
+            
+            </td>
+            
+            
+            
+            <td class="description last">
+                
+                    
+                        <span class="optional">optional</span>
+                    
+                    
+                        
+                    
+                
+                <p>Executed when hide animation was completed.</p></td>
+        </tr>
+	
+	
+	</tbody>
+</table>
+    
+    
+    
+<dl class="details">
+    
+        
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+</dl>
+
+    
+    
+
+    
+
+    
+    
+    
+    
+    
+    <h5>Returns:</h5>
+    
+
+
+<table class="params">
+    <thead>
+    <tr>
+        
+        <th>Type</th>
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+    <tbody>
+    
+        <tr>
+            
+            <td class="type">
+            
+                        <a href="AbstractPopup.html">AbstractPopup</a>
+                        
+                    
+            </td>
+            <td class="description last">A reference to the popup for chaining.</td>
+        </tr>
+    
+    </tbody>
+</table>
+
+    
+    
+    
+</dd>
+
+        
+            
 <dt>
     <div class="nameContainer">
         <h4 class="name" id="layout">
@@ -1894,7 +2435,7 @@ app.scene.addChild(button)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Modal.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_modal.js.html#line32">modal.js:32</a>
+            <a href="pixi_modal.js.html#line47">modal.js:47</a>
         </div>
         
     </div>
@@ -1475,7 +1729,7 @@
                     
                 
                 <p>Should the modal be closed when the user clicks the
-    background?</p></td>
+background?</p></td>
         </tr>
 	
 	
@@ -1611,6 +1865,16 @@ app.scene.addChild(button)</code></pre>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="ModalInteractivePopup.html">InteractivePopup</a></dt>
+            
+        
+            <dt class=""><a href="ModalModalInteractivePopup.html">InteractivePopup</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1629,6 +1893,8 @@ app.scene.addChild(button)</code></pre>
             
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#content">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1681,6 +1947,8 @@ a string or a PIXI.DisplayObject.</p>
             
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#header">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1741,6 +2009,8 @@ a string or a PIXI.Text object.</p>
             
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#hide">overrides</a></span>
+            
         </h4>
     
         
@@ -1953,6 +2223,8 @@ a string or a PIXI.Text object.</p>
             
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#show">overrides</a></span>
+            
         </h4>
     
         
@@ -2064,7 +2336,7 @@ a string or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/PIXIApp.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1212,7 +1466,7 @@ by several functions and makes meaningful pre-assumptions.</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line67">app.js:67</a>
+            <a href="pixi_app.js.html#line90">app.js:90</a>
         </div>
         
     </div>
@@ -2062,7 +2316,7 @@ const app = new PIXIApp({
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line267">app.js:267</a>
+            <a href="pixi_app.js.html#line272">app.js:272</a>
         </div>
         
     </div>
@@ -2169,7 +2423,7 @@ const app = new PIXIApp({
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line202">app.js:202</a>
+            <a href="pixi_app.js.html#line207">app.js:207</a>
         </div>
         
     </div>
@@ -2298,7 +2552,7 @@ handler for the orientationchange event.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line659">app.js:659</a>
+            <a href="pixi_app.js.html#line664">app.js:664</a>
         </div>
         
     </div>
@@ -2495,7 +2749,7 @@ to browser page coordinates.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line639">app.js:639</a>
+            <a href="pixi_app.js.html#line644">app.js:644</a>
         </div>
         
     </div>
@@ -2692,7 +2946,7 @@ to local DisplayObject coordinates.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line239">app.js:239</a>
+            <a href="pixi_app.js.html#line244">app.js:244</a>
         </div>
         
     </div>
@@ -2769,7 +3023,7 @@ to the layout method.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line369">app.js:369</a>
+            <a href="pixi_app.js.html#line374">app.js:374</a>
         </div>
         
     </div>
@@ -2934,7 +3188,7 @@ to the layout method.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line230">app.js:230</a>
+            <a href="pixi_app.js.html#line235">app.js:235</a>
         </div>
         
     </div>
@@ -3093,7 +3347,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line446">app.js:446</a>
+            <a href="pixi_app.js.html#line451">app.js:451</a>
         </div>
         
     </div>
@@ -3202,8 +3456,8 @@ adapt their layout to the new app size.</p>
                     
                 
                 <p>A callback which is executed after all resources has been loaded.
-    Receives one paramter, a Map of sprites where the key is the path of the image which was
-    loaded and the value is the PIXI.Sprite object.</p></td>
+Receives one paramter, a Map of sprites where the key is the path of the image which was
+loaded and the value is the PIXI.Sprite object.</p></td>
         </tr>
 	
 	
@@ -3292,7 +3546,7 @@ adapt their layout to the new app size.</p>
                     
                 
                 <p>Should the sprites be loaded dependent of the
-    renderer resolution?</p></td>
+renderer resolution?</p></td>
         </tr>
 	
 	
@@ -3426,7 +3680,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line478">app.js:478</a>
+            <a href="pixi_app.js.html#line483">app.js:483</a>
         </div>
         
     </div>
@@ -3535,8 +3789,8 @@ adapt their layout to the new app size.</p>
                     
                 
                 <p>A callback which is executed after all resources has been loaded.
-    Receives one paramter, a Map of textures where the key is the path of the image which was
-    loaded and the value is the PIXI.Texture object.</p></td>
+Receives one paramter, a Map of textures where the key is the path of the image which was
+loaded and the value is the PIXI.Texture object.</p></td>
         </tr>
 	
 	
@@ -3625,7 +3879,7 @@ adapt their layout to the new app size.</p>
                     
                 
                 <p>Should the textures be loaded dependent of the
-    renderer resolution?</p></td>
+renderer resolution?</p></td>
         </tr>
 	
 	
@@ -3759,7 +4013,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line425">app.js:425</a>
+            <a href="pixi_app.js.html#line430">app.js:430</a>
         </div>
         
     </div>
@@ -3916,7 +4170,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line411">app.js:411</a>
+            <a href="pixi_app.js.html#line416">app.js:416</a>
         </div>
         
     </div>
@@ -4073,7 +4327,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line571">app.js:571</a>
+            <a href="pixi_app.js.html#line576">app.js:576</a>
         </div>
         
     </div>
@@ -4181,7 +4435,7 @@ adapt their layout to the new app size.</p>
                     
                 
                 <p>An options object. The following options can be set:
-    http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.mutate</p></td>
+http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.mutate</p></td>
         </tr>
 	
 	
@@ -4245,7 +4499,7 @@ adapt their layout to the new app size.</p>
                     
             </td>
             <td class="description last">Returns a Promise which is either resolved with the resulting data or
-    rejected with an error.</td>
+rejected with an error.</td>
         </tr>
     
     </tbody>
@@ -4274,7 +4528,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line192">app.js:192</a>
+            <a href="pixi_app.js.html#line197">app.js:197</a>
         </div>
         
     </div>
@@ -4379,7 +4633,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line217">app.js:217</a>
+            <a href="pixi_app.js.html#line222">app.js:222</a>
         </div>
         
     </div>
@@ -4515,7 +4769,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line393">app.js:393</a>
+            <a href="pixi_app.js.html#line398">app.js:398</a>
         </div>
         
     </div>
@@ -4647,7 +4901,7 @@ adapt their layout to the new app size.</p>
                     
             </td>
             <td class="description last">The PixiApp object for chaining or the Progress object when the method was
-    called without a parameter.</td>
+called without a parameter.</td>
         </tr>
     
     </tbody>
@@ -4676,7 +4930,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line539">app.js:539</a>
+            <a href="pixi_app.js.html#line544">app.js:544</a>
         </div>
         
     </div>
@@ -4784,7 +5038,7 @@ adapt their layout to the new app size.</p>
                     
                 
                 <p>An options object. The following options can be set:
-    http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.query</p></td>
+http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.query</p></td>
         </tr>
 	
 	
@@ -4848,7 +5102,7 @@ adapt their layout to the new app size.</p>
                     
             </td>
             <td class="description last">Returns a Promise which is either resolved with the resulting data or
-    rejected with an error.</td>
+rejected with an error.</td>
         </tr>
     
     </tbody>
@@ -4877,7 +5131,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line303">app.js:303</a>
+            <a href="pixi_app.js.html#line308">app.js:308</a>
         </div>
         
     </div>
@@ -5174,7 +5428,7 @@ adapt their layout to the new app size.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line148">app.js:148</a>
+            <a href="pixi_app.js.html#line153">app.js:153</a>
         </div>
         
     </div>
@@ -5280,7 +5534,7 @@ Overwrite this method if you need additonal views and components.</p>
     
         
         <div class="tag-source">
-            <a href="pixi_app.js.html#line603">app.js:603</a>
+            <a href="pixi_app.js.html#line608">app.js:608</a>
         </div>
         
     </div>
@@ -5388,7 +5642,7 @@ Overwrite this method if you need additonal views and components.</p>
                     
                 
                 <p>An options object. The following options can be set:
-    http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.query</p></td>
+http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.query</p></td>
         </tr>
 	
 	
@@ -5452,7 +5706,7 @@ Overwrite this method if you need additonal views and components.</p>
                     
             </td>
             <td class="description last">Returns a Promise which is either resolved with the resulting data or
-    rejected with an error.</td>
+rejected with an error.</td>
         </tr>
     
     </tbody>
@@ -5483,7 +5737,7 @@ Overwrite this method if you need additonal views and components.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Popup.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_popup.js.html#line194">popup.js:194</a>
+            <a href="pixi_popup.js.html#line205">popup.js:205</a>
         </div>
         
     </div>
@@ -1491,6 +1745,16 @@ app.scene.addChild(popup)</code></pre>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="PopupInteractivePopup.html">InteractivePopup</a></dt>
+            
+        
+            <dt class=""><a href="PopupPopupInteractivePopup.html">InteractivePopup</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1511,6 +1775,8 @@ app.scene.addChild(popup)</code></pre>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#content">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#content">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1565,6 +1831,8 @@ a string, a number or a PIXI.DisplayObject.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#header">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#header">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1627,6 +1895,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#hide">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#hide">overrides</a></span>
+            
         </h4>
     
         
@@ -1786,6 +2056,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="InteractivePopup.html#layout">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#layout">overrides</a></span>
+            
         </h4>
     
         
@@ -1893,6 +2165,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#show">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="InteractivePopup.html#show">overrides</a></span>
+            
         </h4>
     
         
@@ -2056,7 +2330,7 @@ a string, a number or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/PopupMenu.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_popupmenu.js.html#line32">popupmenu.js:32</a>
+            <a href="pixi_popupmenu.js.html#line47">popupmenu.js:47</a>
         </div>
         
     </div>
@@ -1331,9 +1585,9 @@
                     
                 
                 <p>A list of the menu items. Each item must be of type object.
-    If an object has a label property, a PIXI.Text object is created (using the textStyle property).
-    If an object hasn't a label property, it must contain a content property which has to be a
-    PIXI.DisplayObject.</p></td>
+If an object has a label property, a PIXI.Text object is created (using the textStyle property).
+If an object hasn't a label property, it must contain a content property which has to be a
+PIXI.DisplayObject.</p></td>
         </tr>
 	
 	
@@ -1539,6 +1793,22 @@ app.scene.addChild(button)</code></pre>
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="PopupMenuPopupInteractivePopup.html">InteractivePopup</a></dt>
+            
+        
+            <dt class=""><a href="PopupMenuPopupMenuPopupInteractivePopup.html">InteractivePopup</a></dt>
+            
+        
+            <dt class=""><a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">InteractivePopup</a></dt>
+            
+        
+            <dt class=""><a href="PopupMenuPopupPopupInteractivePopup.html">InteractivePopup</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1559,6 +1829,8 @@ app.scene.addChild(button)</code></pre>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#content">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="Popup.html#content">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1613,6 +1885,8 @@ a string, a number or a PIXI.DisplayObject.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#header">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="Popup.html#header">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1675,6 +1949,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#hide">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="Popup.html#hide">overrides</a></span>
+            
         </h4>
     
         
@@ -1834,6 +2110,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="InteractivePopup.html#layout">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="Popup.html#layout">overrides</a></span>
+            
         </h4>
     
         
@@ -1941,6 +2219,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#show">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="Popup.html#show">overrides</a></span>
+            
         </h4>
     
         
@@ -2104,7 +2384,7 @@ a string, a number or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Progress.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_progress.js.html#line22">progress.js:22</a>
+            <a href="pixi_progress.js.html#line57">progress.js:57</a>
         </div>
         
     </div>
@@ -1401,7 +1655,7 @@
                     
                 
                 <p>The width of the progress bar. When not set, the width is the size of the app
-    minus 2 * opts.margin.</p></td>
+minus 2 * opts.margin.</p></td>
         </tr>
 	
 	
@@ -1477,7 +1731,7 @@
                     
                 
                 <p>The theme to use for this progress. Possible values are dark, light, red
-    or a Theme object.</p></td>
+or a Theme object.</p></td>
         </tr>
 	
 	
@@ -1982,7 +2236,7 @@
                     
                 
                 <p>A textstyle object for the styling of the label. See PIXI.TextStyle
-    for possible options.</p></td>
+for possible options.</p></td>
         </tr>
 	
 	
@@ -2019,7 +2273,7 @@
                     
                 
                 <p>A textstyle object for the styling of the label when the
-    progress is activated. See PIXI.TextStyle for possible options.</p></td>
+progress is activated. See PIXI.TextStyle for possible options.</p></td>
         </tr>
 	
 	
@@ -2615,7 +2869,7 @@ app.scene.addChild(progress)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Slider.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_slider.js.html#line55">slider.js:55</a>
+            <a href="pixi_slider.js.html#line90">slider.js:90</a>
         </div>
         
     </div>
@@ -1442,7 +1696,7 @@
                     
                 
                 <p>The theme to use for this slider. Possible values are dark, light, red
-    or a Theme object.</p></td>
+or a Theme object.</p></td>
         </tr>
 	
 	
@@ -1983,7 +2237,7 @@
                     
                 
                 <p>Is the slider disabled? When disabled, the slider has a lower alpha value
-    and cannot be clicked (interactive is set to false).</p></td>
+and cannot be clicked (interactive is set to false).</p></td>
         </tr>
 	
 	
@@ -2123,7 +2377,7 @@
                     
                 
                 <p>A string for the label of the tooltip or an object to configure the tooltip
-    to display.</p></td>
+to display.</p></td>
         </tr>
 	
 	
@@ -2706,7 +2960,7 @@ app.scene.addChild(slider)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Switch.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_switch.js.html#line63">switch.js:63</a>
+            <a href="pixi_switch.js.html#line110">switch.js:110</a>
         </div>
         
     </div>
@@ -1442,7 +1696,7 @@
                     
                 
                 <p>The theme to use for this switch. Possible values are dark, light, red
-    or a Theme object.</p></td>
+or a Theme object.</p></td>
         </tr>
 	
 	
@@ -2343,7 +2597,7 @@
                     
                 
                 <p>Is the switch disabled? When disabled, the switch has a lower alpha value
-    and cannot be clicked (interactive is set to false).</p></td>
+and cannot be clicked (interactive is set to false).</p></td>
         </tr>
 	
 	
@@ -2553,7 +2807,7 @@
                     
                 
                 <p>A string for the label of the tooltip or an object to configure the tooltip
-    to display.</p></td>
+to display.</p></td>
         </tr>
 	
 	
@@ -3136,7 +3390,7 @@ app.scene.addChild(switch1)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/TextLabel.TextLabel.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1430,7 +1684,7 @@
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Theme.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_theme.js.html#line35">theme.js:35</a>
+            <a href="pixi_theme.js.html#line85">theme.js:85</a>
         </div>
         
     </div>
@@ -2123,7 +2377,7 @@
                     
                 
                 <p>A textstyle object for the styling of text. See PIXI.TextStyle
-    for possible options. Default object:</p>
+for possible options. Default object:</p>
                 
 
 <table class="params">
@@ -2472,7 +2726,7 @@
                     
                 
                 <p>A textstyle object which is used
-    for actived text.</p></td>
+for actived text.</p></td>
         </tr>
 	
 	
@@ -2509,7 +2763,7 @@
                     
                 
                 <p>A textstyle object which is used for
-    small text.</p></td>
+small text.</p></td>
         </tr>
 	
 	
@@ -2546,7 +2800,7 @@
                     
                 
                 <p>A textstyle object which
-    is used for small actived text.</p></td>
+is used for small actived text.</p></td>
         </tr>
 	
 	
@@ -2583,7 +2837,7 @@
                     
                 
                 <p>A textstyle object which is used for
-    large text.</p></td>
+large text.</p></td>
         </tr>
 	
 	
@@ -2620,7 +2874,7 @@
                     
                 
                 <p>A textstyle object which
-    is used for large actived text.</p></td>
+is used for large actived text.</p></td>
         </tr>
 	
 	
@@ -2905,7 +3159,7 @@ const app = new PIXIApp({
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/ThemeDark.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1326,7 +1580,7 @@ const app = new PIXIApp({
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/ThemeLight.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1212,7 +1466,7 @@ The color1 is set to 0xf6f6f6, color2 to 0x282828.</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_theme.js.html#line197">theme.js:197</a>
+            <a href="pixi_theme.js.html#line204">theme.js:204</a>
         </div>
         
     </div>
@@ -1307,6 +1561,13 @@ const app = new PIXIApp({
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="ThemeLight.html">ThemeLight</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1331,7 +1592,7 @@ const app = new PIXIApp({
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/ThemeRed.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1212,7 +1466,7 @@ The primaryColor is set to 0xd92f31.</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_theme.js.html#line227">theme.js:227</a>
+            <a href="pixi_theme.js.html#line234">theme.js:234</a>
         </div>
         
     </div>
@@ -1307,6 +1561,13 @@ const app = new PIXIApp({
     
     
     
+        <h3 class="subsection-title">Classes</h3>
+        
+        <dl class="clearfix summary-list list-classes">
+            <dt class=""><a href="ThemeRed.html">ThemeRed</a></dt>
+            
+        </dl>
+    
     
     
     
@@ -1331,7 +1592,7 @@ const app = new PIXIApp({
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/TileQuadNode.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1218,7 +1472,7 @@ the memory pressure.</p></div>
     
         
         <div class="tag-source">
-            <a href="pixi_deepzoom_image.js.html#line277">image.js:277</a>
+            <a href="pixi_deepzoom_image.js.html#line278">image.js:278</a>
         </div>
         
     </div>
@@ -1602,7 +1856,7 @@ and west flags to address nw, ne, sw, and se.</p>
     
     <div class="description">
         <p>Return True if this node has no successors and can be used as
-    an indicator of tiles to free.</p>
+an indicator of tiles to free.</p>
     </div>
     
 
@@ -1790,7 +2044,7 @@ and west flags to address nw, ne, sw, and se.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Tooltip.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_tooltip.js.html#line33">tooltip.js:33</a>
+            <a href="pixi_tooltip.js.html#line49">tooltip.js:49</a>
         </div>
         
     </div>
@@ -1697,6 +1951,8 @@ const tooltip = new Tooltip({
                 <span class="access-signature inherited"><a href="AbstractPopup.html#content">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#content">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1751,6 +2007,8 @@ a string, a number or a PIXI.DisplayObject.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#header">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#header">overrides</a></span>
+            
         </h4>
     </div>
     
@@ -1813,6 +2071,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#hide">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#hide">overrides</a></span>
+            
         </h4>
     
         
@@ -1972,6 +2232,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#layout">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#layout">overrides</a></span>
+            
         </h4>
     
         
@@ -2079,6 +2341,8 @@ a string, a number or a PIXI.Text object.</p>
                 <span class="access-signature inherited"><a href="AbstractPopup.html#show">inherited</a></span>
             
             
+                <span class="access-signature overrides"><a href="AbstractPopup.html#show">overrides</a></span>
+            
         </h4>
     
         
@@ -2242,7 +2506,7 @@ a string, a number or a PIXI.Text object.</p>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/UITest.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="uitest.js.html#line28">uitest.js:28</a>
+            <a href="uitest.js.html#line42">uitest.js:42</a>
         </div>
         
     </div>
@@ -3923,7 +4177,7 @@ test.start()</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/Volatile.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1211,7 +1465,7 @@
     
         
         <div class="tag-source">
-            <a href="pixi_volatile.js.html#line33">volatile.js:33</a>
+            <a href="pixi_volatile.js.html#line50">volatile.js:50</a>
         </div>
         
     </div>
@@ -1839,7 +2093,7 @@ app.scene.addChild(button)</code></pre>
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/global.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -3060,7 +3314,7 @@
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/index.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1194,18 +1448,23 @@
 
 
     <section>
-        <article class="readme content-size"><h1>IWM Browser JavaScript API</h1><h2>IWM Browser Classes</h2><p>This is the JavaScript API documentation of the IWM Browser JavaScript classes.</p>
-<h2>Useful IWM Browser Resources</h2><ul>
+        <article class="readme content-size"><h1>IWM Browser JavaScript API</h1>
+<h2>IWM Browser Classes</h2>
+<p>This is the JavaScript API documentation of the IWM Browser JavaScript classes.</p>
+<h2>Useful IWM Browser Resources</h2>
+<ul>
 <li>The IWM Browser <a href="../../index.html">Homepage</a></li>
 <li>The IWM Browser <a href="../../lib/index.html">DocTests</a></li>
 <li>The IWM Browser <a href="../../lib/pixi/index.html">PixiJS DocTests</a></li>
 </ul>
-<h2>Useful PixiJS Resources</h2><ul>
+<h2>Useful PixiJS Resources</h2>
+<ul>
 <li>The PixiJS <a target="_blank" href="http://pixijs.download/dev/docs/index.html">JavaScript API Docs</a></li>
 <li>The PixiJS <a target="_blank" href="http://pixijs.github.io/examples/#/basics/basic.js">Examples</a></li>
 <li>The PixiJS <a target="_blank" href="https://github.com/pixijs/pixi.js">GitHub Repository</a></li>
 </ul>
-<h2>List of 3<sup>rd</sup> party libraries included</h2><ul>
+<h2>List of 3<sup>rd</sup> party libraries included</h2>
+<ul>
 <li><a target="_blank" href="http://www.pixijs.com">PixiJS</a></li>
 <li><a target="_blank" href="https://greensock.com">Greensock</a> with all Plugins</li>
 <li><a target="_blank" href="https://d3js.org">D3</a></li>
@@ -1221,7 +1480,7 @@
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_abstractpopup.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1554,7 +1808,7 @@ export default class AbstractPopup extends PIXI.Graphics {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_app.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1286,16 +1540,16 @@ export default class PIXIApp extends PIXI.Application {
         }
 
         super({
-            view: view,
-            width: width,
-            height: height,
-            transparent: transparent,
-            antialias: antialias,
-            resolution: resolution,
-            autoResize: autoResize,
-            backgroundColor: backgroundColor,
-            roundPixels: roundPixels,
-            forceCanvas: forceCanvas
+            view,
+            width,
+            height,
+            transparent,
+            antialias,
+            resolution,
+            autoResize,
+            backgroundColor,
+            forceCanvas,
+            roundPixels             // not needed for PixiJS >= 5
         })
 
         this.width = width
@@ -1307,7 +1561,12 @@ export default class PIXIApp extends PIXI.Application {
         this.orient = null
         this.originalMapPositionToPoint = null
         this.monkeyPatchMapping = monkeyPatchMapping
-        PIXI.Graphics.CURVES.adaptive = adaptive
+        if (parseInt(PIXI.VERSION) >= 5) {
+            PIXI.settings.ROUND_PIXELS = roundPixels
+            PIXI.GRAPHICS_CURVES.adaptive = adaptive
+        } else {
+            PIXI.Graphics.CURVES.adaptive = adaptive
+        }
         this.graphql = graphql
         if (fullScreen || autoResize) {
             console.log('App is in fullScreen mode or autoResize mode')
@@ -1920,7 +2179,7 @@ class FpsDisplay extends PIXI.Graphics {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_badge.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1306,7 +1560,7 @@ export default class Badge extends AbstractPopup {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_blurfilter.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1460,7 +1714,7 @@ class TiltShiftYFilter extends TiltShiftAxisFilter {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_button.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1810,7 +2064,7 @@ export default class Button extends PIXI.Container {
                 size = this.opts.minHeight - (2 * this.opts.padding)
             }
 
-            const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/png/flat/${icon}.png`
+            const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/${icon}.png`
             const iconTexture = PIXI.Texture.fromImage(url, true)
 
             const sprite = new PIXI.Sprite(iconTexture)
@@ -1864,7 +2118,7 @@ export default class Button extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_buttongroup.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1543,7 +1797,7 @@ export default class ButtonGroup extends PIXI.Graphics {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_deepzoom_image.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -2315,7 +2569,7 @@ export class DeepZoomImage extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_flippable.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1638,7 +1892,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_labeledgraphics.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1611,7 +1865,7 @@ export class BitmapLabeledGraphics extends LabeledGraphics {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_list.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1293,11 +1547,11 @@ export default class List extends PIXI.Container {
         if (this.opts.app) {
             const app = this.opts.app
             app.view.addEventListener('mousewheel', event => {
-                event.preventDefault()
                 const bounds = this.mask ? this.mask.getBounds() : this.getBounds()
                 const x = event.clientX - app.view.getBoundingClientRect().left
                 const y = event.clientY - app.view.getBoundingClientRect().top
                 if (bounds.contains(x, y)) {
+                    event.preventDefault()
                     this.emit('scroll', event)
                 }
             })
@@ -1578,7 +1832,7 @@ export default class List extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_message.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1323,7 +1577,7 @@ export default class Message extends InteractivePopup {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_modal.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1398,7 +1652,7 @@ export default class Modal extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_popup.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1258,7 +1512,7 @@ export class InteractivePopup extends AbstractPopup {
         // closeButton
         //-----------------
         if (this.opts.closeButton) {
-            let closeButton = PIXI.Sprite.fromImage('../../assets/icons/png/flat/close.png', true)
+            let closeButton = PIXI.Sprite.fromImage('../../assets/icons/close.png', true)
             closeButton.width = this.headerStyle.fontSize
             closeButton.height = closeButton.width
             closeButton.tint = this.theme.color2
@@ -1410,7 +1664,7 @@ export default class Popup extends InteractivePopup {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_popupmenu.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1311,7 +1565,7 @@ export default class PopupMenu extends Popup {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_progress.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1500,7 +1754,7 @@ export default class Progress extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_slider.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1668,7 +1922,7 @@ export default class Slider extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_switch.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1705,7 +1959,7 @@ export default class Switch extends PIXI.Container {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_theme.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1433,7 +1687,7 @@ export class ThemeRed extends Theme {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_tooltip.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1352,7 +1606,7 @@ export default class Tooltip extends AbstractPopup {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/pixi_volatile.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -1358,7 +1612,7 @@ export default class Volatile {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

doc/out/uitest.js.html

@@ -620,6 +620,12 @@
             </span>
             <ul class="members itemMembers">
             
+            <span class="subtitle">Members</span>
+            
+                <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
+            
+                <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
+            
             </ul>
             <ul class="typedefs itemMembers">
             
@@ -631,6 +637,8 @@
             
             <span class="subtitle">Methods</span>
             
+                <li class="  " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
+            
                 <li class="parent  " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
             
             </ul>
@@ -639,6 +647,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="MessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="MessageMessageInteractivePopup">
+            <span class="title  ">
+                
+                <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Modal">
             <span class="title  ">
                 
@@ -675,6 +727,50 @@
             </ul>
         </li>
     
+        <li class="item" data-name="ModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="ModalModalInteractivePopup">
+            <span class="title  ">
+                
+                <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PIXIApp">
             <span class="title  ">
                 
@@ -779,6 +875,28 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="PopupMenu">
             <span class="title  ">
                 
@@ -815,6 +933,116 @@
             </ul>
         </li>
     
+        <li class="item" data-name="PopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
+        <li class="item" data-name="PopupPopupInteractivePopup">
+            <span class="title  ">
+                
+                <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Progress">
             <span class="title  ">
                 
@@ -849,6 +1077,32 @@
             </ul>
         </li>
     
+        <li class="item" data-name="Scrollview">
+            <span class="title  ">
+                
+                <a href="Scrollview.html">Scrollview</a>
+            </span>
+            <ul class="members itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="typedefs itemMembers">
+            
+            </ul>
+            <ul class="methods itemMembers">
+            
+            <span class="subtitle">Methods</span>
+            
+                <li class="parent  " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
+            
+            </ul>
+            <ul class="events itemMembers">
+            
+            </ul>
+        </li>
+    
         <li class="item" data-name="Slider">
             <span class="title  ">
                 
@@ -2162,7 +2416,7 @@ class Event {
 
         <footer class="content-size">
             <div class="footer">
-                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Mar 29 2019 11:44:08 GMT+0100 (Mitteleuropäische Normalzeit)
+                Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a> on Tue May 14 2019 14:29:52 GMT+0200 (Mitteleuropäische Sommerzeit)
             </div>
         </footer>
     </div>

gulpfile.js

@@ -2,13 +2,13 @@ const {src, dest, parallel} = require('gulp');
 const uglify = require('gulp-uglify');
 const rename = require('gulp-rename');
 const concat = require('gulp-concat');
+const replace = require('gulp-replace');
 
 function vendors() {
     return src([
         './node_modules/optimal-select/dist/optimal-select.js',
         './node_modules/hammerjs/hammer.js',
         './node_modules/propagating-hammerjs/propagating.js',
-        './node_modules/highlight.js/lib/highlight.js',
         './node_modules/pixi.js/dist/pixi.js',
         './node_modules/pixi-compressed-textures/lib/crn_decomp.js',
         './node_modules/pixi-compressed-textures/bin/pixi-compressed-textures.js',
@@ -16,9 +16,12 @@ function vendors() {
         './node_modules/pixi-particles/dist/pixi-particles.js',
         './node_modules/pixi-projection/dist/pixi-projection.js',
         './node_modules/gsap/src/uncompressed/TweenLite.js',
-        './lib/3rdparty/convertPointFromPageToNode.js',
+        './lib/3rdparty/pixi-ease.js',
+        './lib/3rdparty/pixi-viewport.js',
+        './lib/3rdparty/convertPointFromPageToNode.js'
     ], {sourcemaps: false})
         .pipe(concat('iwmlib.3rdparty.js'))
+        .pipe(replace(/^\/\/# sourceMappingURL=.*$/gmi, ''))
         .pipe(dest('dist', {sourcemaps: false}))
         .pipe(rename({extname: '.min.js'}))
         .pipe(uglify())
@@ -27,11 +30,11 @@ function vendors() {
 
 function preload() {
     return src([
-        './node_modules/highlight.js/lib/highlight.js',
         './node_modules/gsap/src/uncompressed/TweenLite.js',
         './lib/3rdparty/convertPointFromPageToNode.js',
     ], {sourcemaps: false})
         .pipe(concat('iwmlib.3rdparty.preload.js'))
+        .pipe(replace(/^\/\/# sourceMappingURL=.*$/gmi, ''))
         .pipe(dest('dist', {sourcemaps: false}))
         .pipe(rename({extname: '.min.js'}))
         .pipe(uglify())

lib/3rdparty/highlight/CHANGES.md

@@ -1,3 +1,317 @@
+## Master
+
+New languages:
+
+New styles:
+
+Improvements:
+
+## Version 9.15.6
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+ - Move dependencies to be devDependencies.
+ - Fixed security issues in dev dependencies.
+
+## Version 9.15.5
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+  🔥 Hot fix: updated build tool.
+
+## Version 9.15.4
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+  🔥 Hot fix: reverted hljs cli build tool, as it was causing issues with install.
+
+## Version 9.15.3
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+  🔥 Hot fix: reverted hljs cli build tool, as it was causing issues with install.
+
+## Version 9.15.2
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+  🔥 Hot fix that was preventing highlight.js from installing.
+
+## Version 9.15.1
+
+New languages:
+    none.
+
+New styles:
+    none.
+
+Improvements:
+
+- Pony: Fixed keywords without spaces at line ends, highlighting of `iso` in class definitions, and function heads without bodies in traits and interfaces. Removed FUNCTION and CLASS modes until they are found to be needed and to provide some of the fixes.
+ - Support external language files in minified version of highlight.js (#1888)
+
+## Version 9.15
+
+New languages:
+    none.
+
+New styles:
+    none.
+
+Improvements:
+ - new cli tool `hljs` - allows easier [building from command line](docs/building-testing.rst#building-a-bundle-from-the-command-line).
+ - cpp: Fully support C++11 raw strings. (#1897)
+ - Python: Treat False None and True as literals (#1920)
+
+## Version 9.14.2
+
+New languages:
+  none.
+New styles:
+  none.
+Improvements:
+- *Gauss* fixed to stop global namespace pollution [Scott Hyndman][].
+- fix(Tcl): removed apostrophe string delimiters (don't exist)
+
+[Scott Hyndman]: https://github.com/shyndman
+
+## Version 9.14.1
+
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+- Pony: language improvements (#1958)
+
+## Version 9.14.0
+
+New languages:
+    none.
+New styles:
+    none.
+Improvements:
+- Pony: add missing "object" highlighting (#1932)
+- Added *XQuery* built-in functions, prolog declarations, as well as parsing of function bodies, computed and direct constructors, by [Duncan Paterson][]
+- fix(dart): Corrects highlighting with string interpolation. (#1946)
+- fix(swift): be eager on optional-using types (!/?) (#1919)
+- fix(tex): Changed cyrillic to unicode (IE11 throw SCRIPT5021) (#1601)
+- fix(JavaScript): Recognize get/set accessor keywords (#1940)
+- Fixed Dockerfile definition when using highlight continuation parameter, by [Laurent Voullemier][]
+- Added tests & new `annotation` and `verbatim` keywords to *Crystal*, by [Benoit de Chezelles][]
+- Added missing dockerfile markup tests, by [Laurent Voullemier][]
+  Allow empty prompt text in clojure-repl, by [Egor Rogov][]
+- Fixed several issues with *Crystal* language definition, by [Johannes Müller][]
+- Added `C#` as an alias for *CSharp* language, by [Ahmed Atito][]
+- Added generic user-defined proc support, new compiler define, refactor to re-use rules, and add tests to *GAUSS*, by [Matthew Evans][]
+- Improve *Crystal* language to highlight regexes after some keywords, by [Tsuyusato Kitsune][]
+- Fix filterByQualifiers: fileInfo can be null
+- Fixed String interpolation in Dart, by [Scott Hyndman][].
+
+[Laurent Voullemier]: https://github.com/l-vo
+[Benoit de Chezelles]: https://github.com/bew
+[Johannes Müller]: https://github.com/straight-shoota
+[Ahmed Atito]: https://github.com/atitoa93
+[Matthew Evans]: https://github.com/matthewevans
+[Tsuyusato Kitsune]: https://github.com/MakeNowJust
+[Scott Hyndman]: https://github.com/shyndman
+[Duncan Paterson]: https://github.com/duncdrum
+
+## Version 9.13.1
+
+Improvements:
+
+- *C#* function declarations no longer include trailing whitespace, by [JeremyTCD][]
+- Added new and missing keywords to *AngelScript*, by [Melissa Geels][]
+- *TypeScript* decorator factories highlighting fix, by [Antoine Boisier-Michaud][]
+- Added support for multiline strings to *Swift*, by [Alejandro Isaza][]
+- Fixed issue that was causing some minifiers to fail.
+- Fixed `autoDetection` to accept language aliases.
+
+[JeremyTCD]: https://github.com/JeremyTCD
+[Melissa Geels]: https://github.com/codecat
+[Antoine Boisier-Michaud]: https://github.com/Aboisier
+[Alejandro Isaza]: https://github.com/alejandro-isaza
+
+## Version 9.13.0
+
+New languages:
+
+- *ArcGIS Arcade* by [John Foster][]
+- *AngelScript* by [Melissa Geels][]
+- *GML* by [meseta][]
+- *isbl* built-in language DIRECTUM and Conterra by [Dmitriy Tarasov][].
+- *PostgreSQL* SQL dialect and PL/pgSQL language by [Egor Rogov][].
+- *ReasonML* by [Gidi Meir Morris][]
+- *SAS* by [Mauricio Caceres Bravo][]
+- *Plaintext* by [Egor Rogov][]
+- *.properties* by [bostko][] and [Egor Rogov][]
+
+New styles:
+
+- *a11y-dark theme* by [Eric Bailey][]
+- *a11y-light theme* by [Eric Bailey][]
+- *An Old Hope* by [Gustavo Costa][]
+- *Atom One Dark Reasonable* by [Gidi Meir Morris][]
+- *isbl editor dark* by [Dmitriy Tarasov][]
+- *isbl editor light* by [Dmitriy Tarasov][]
+- *Lightfair* by [Tristian Kelly][]
+- [*Nord*][nord-highlightjs] by [Arctic Ice Studio][]
+- *[🦄 Shades of Purple](https://github.com/ahmadawais/Shades-of-Purple-HighlightJS)* by [Ahmad Awais][]
+
+Improvements:
+
+- New attribute `endSameAsBegin` for nested constructs with variable names
+  by [Egor Rogov][].
+- *Python* highlighting of escaped quotes fixed by [Harmon][]
+- *PHP*: Added alias for php7, by [Vijaya Chandran Mani][]
+- *C++* string handling, by [David Benjamin][]
+- *Swift* Add `@objcMembers` to `@attributes`, by [Berk Çebi][]
+- Infrastructural changes by [Marcos Cáceres][]
+- Fixed metachars highighting for *NSIS* by [Jan T. Sott][]
+- *Yaml* highlight local tags as types by [Léo Lam][]
+- Improved highlighting for *Elixir* by [Piotr Kaminski][]
+- New attribute `disableAutodetect` for preventing autodetection by [Egor Rogov][]
+- *Matlab*: transpose operators and double quote strings, by [JohnC32][] and [Egor Rogov][]
+- Various documentation typos and improvemets by [Jimmy Wärting][], [Lutz Büch][], [bcleland][]
+- *Cmake* updated with new keywords and commands by [Deniz Bahadir][]
+
+[Ahmad Awais]: https://github.com/ahmadawais
+[Arctic Ice Studio]: https://github.com/arcticicestudio
+[Dmitriy Tarasov]: https://github.com/MedvedTMN
+[Egor Rogov]: https://github.com/egor-rogov
+[Eric Bailey]: https://github.com/ericwbailey
+[Gidi Meir Morris]: https://github.com/gmmorris
+[Gustavo Costa]: https://github.com/gusbemacbe
+[Harmon]: https://github.com/Harmon758
+[Melissa Geels]: https://github.com/codecat
+[meseta]: https://github.com/meseta
+[nord-highlightjs]: https://github.com/arcticicestudio/nord-highlightjs
+[Tristian Kelly]: https://github.com/TristianK3604
+[Vijaya Chandran Mani]: https://github.com/vijaycs85
+[John Foster]: https://github.com/jf990
+[David Benjamin]: https://github.com/davidben
+[Berk Çebi]: https://github.com/berkcebi
+[Mauricio Caceres Bravo]: https://github.com/mcaceresb
+[bostko]: https://github.com/bostko
+[Deniz Bahadir]: https://github.com/Bagira80
+[bcleland]: https://github.com/bcleland
+[JohnC32]: https://github.com/JohnC32
+[Lutz Büch]: https://github.com/lutz-100worte
+[Piotr Kaminski]: https://github.com/pkaminski
+[Léo Lam]: https://github.com/leoetlino
+[Jan T. Sott]: https://github.com/idleberg
+[Jimmy Wärting]: https://github.com/jimmywarting
+[Marcos Cáceres]: https://github.com/marcoscaceres
+
+## Version 9.12.0
+
+New language:
+
+- *MikroTik* RouterOS Scripting language by [Ivan Dementev][].
+
+New style:
+
+- *VisualStudio 2015 Dark* by [Nicolas LLOBERA][]
+
+Improvements:
+- *Crystal* updated with new keywords and syntaxes by [Tsuyusato Kitsune][].
+- *Julia* updated to the modern definitions by [Alex Arslan][].
+- *julia-repl* added by [Morten Piibeleht][].
+- [Stanislav Belov][] wrote a new definition for *1C*, replacing the one that
+  has not been updated for more than 8 years. The new version supports syntax
+  for versions 7.7 and 8.
+- [Nicolas LLOBERA][] improved C# definition fixing edge cases with function
+  titles detection and added highlighting of `[Attributes]`.
+- [nnnik][] provided a few correctness fixes for *Autohotkey*.
+- [Martin Clausen][] made annotation collections in *Clojure* to look
+  consistently with other kinds.
+- [Alejandro Alonso][] updated *Swift* keywords.
+
+[Tsuyusato Kitsune]: https://github.com/MakeNowJust
+[Alex Arslan]: https://github.com/ararslan
+[Morten Piibeleht]: https://github.com/mortenpi
+[Stanislav Belov]: https://github.com/4ppl
+[Ivan Dementev]: https://github.com/DiVAN1x
+[Nicolas LLOBERA]: https://github.com/Nicolas01
+[nnnik]: https://github.com/nnnik
+[Martin Clausen]: https://github.com/maacl
+[Alejandro Alonso]: https://github.com/Azoy
+
+## Version 9.11.0
+
+New languages:
+
+- *Shell* by [Tsuyusato Kitsune][]
+- *jboss-cli* by [Raphaël Parrëe][]
+
+Improvements:
+
+- [Joël Porquet] has [greatly improved the definition of *makefile*][5b3e0e6].
+- *C++* class titles are now highlighted as in other languages with classes.
+- [Jordi Petit][] added rarely used `or`, `and` and `not` keywords to *C++*.
+- [Pieter Vantorre][] fixed highlighting of negative floating point values.
+
+
+[Tsuyusato Kitsune]: https://github.com/MakeNowJust
+[Jordi Petit]: https://github.com/jordi-petit
+[Raphaël Parrëe]: https://github.com/rparree
+[Pieter Vantorre]: https://github.com/NuclearCookie
+[5b3e0e6]: https://github.com/isagalaev/highlight.js/commit/5b3e0e68bfaae282faff6697d6a490567fa9d44b
+
+
+## Version 9.10.0
+
+Apologies for missing the previous release cycle. Some thing just can't be
+automated… Anyway, we're back!
+
+New languages:
+
+- *Hy* by [Sergey Sobko][]
+- *Leaf* by [Hale Chan][]
+- *N1QL* by [Andres Täht][] and [Rene Saarsoo][]
+
+Improvements:
+
+- *Rust* got updated with new keywords by [Kasper Andersen][] and then
+  significantly modernized even more by [Eduard-Mihai Burtescu][] (yes, @eddyb,
+  Rust core team member!)
+- *Python* updated with f-literals by [Philipp A][].
+- *YAML* updated with unquoted strings support.
+- *Gauss* updated with new keywords by [Matt Evans][].
+- *Lua* updated with new keywords by [Joe Blow][].
+- *Kotlin* updated with new keywords by [Philipp Hauer][].
+- *TypeScript* got highlighting of function params and updated keywords by
+  [Ike Ku][].
+- *Scheme* now correctly handles \`-quoted lists thanks to [Guannan Wei].
+- [Sam Wu][] fixed handling of `<<` in *C++* defines.
+
+[Philipp A]: https://github.com/flying-sheep
+[Philipp Hauer]: https://github.com/phauer
+[Sergey Sobko]: https://github.com/profitware
+[Hale Chan]: https://github.com/halechan
+[Matt Evans]: https://github.com/matthewevans
+[Joe Blow]: https://github.com/mossarelli
+[Kasper Andersen]: https://github.com/kasma1990
+[Eduard-Mihai Burtescu]: https://github.com/eddyb
+[Andres Täht]: https://github.com/andrestaht
+[Rene Saarsoo]: https://github.com/nene
+[Philipp Hauer]: https://github.com/phauer
+[Ike Ku]: https://github.com/dempfi
+[Guannan Wei]: https://github.com/Kraks
+[Sam Wu]: https://github.com/samsam2310
+
+
 ## Version 9.9.0
 
 New languages

lib/3rdparty/highlight/README.md

@@ -1,10 +1,10 @@
 # Highlight.js
 
-[![Build Status](https://travis-ci.org/isagalaev/highlight.js.svg?branch=master)](https://travis-ci.org/isagalaev/highlight.js)
+[![Build Status](https://travis-ci.org/highlightjs/highlight.js.svg?branch=master)](https://travis-ci.org/highlightjs/highlight.js) [![Greenkeeper badge](https://badges.greenkeeper.io/highlightjs/highlight.js.svg)](https://greenkeeper.io/)
 
 Highlight.js is a syntax highlighter written in JavaScript. It works in
 the browser as well as on the server. It works with pretty much any
-markup, doesn’t depend on any framework and has automatic language
+markup, doesn’t depend on any framework, and has automatic language
 detection.
 
 ## Getting Started
@@ -31,6 +31,13 @@ The list of supported language classes is available in the [class
 reference][2].  Classes can also be prefixed with either `language-` or
 `lang-`.
 
+To make arbitrary text look like code, but without highlighting, use the
+`plaintext` class:
+
+```html
+<pre><code class="plaintext">...</code></pre>
+```
+
 To disable highlighting altogether use the `nohighlight` class:
 
 ```html
@@ -44,24 +51,24 @@ highlight.js, you can use the [`highlightBlock`][3] and [`configure`][4]
 functions. This allows you to control *what* to highlight and *when*.
 
 Here’s an equivalent way to calling [`initHighlightingOnLoad`][1] using
-jQuery:
+vanilla JS:
 
-```javascript
-$(document).ready(function() {
-  $('pre code').each(function(i, block) {
+```js
+document.addEventListener('DOMContentLoaded', (event) => {
+  document.querySelectorAll('pre code').forEach((block) => {
     hljs.highlightBlock(block);
   });
 });
 ```
 
 You can use any tags instead of `<pre><code>` to mark up your code. If
-you don't use a container that preserve line breaks you will need to
+you don't use a container that preserves line breaks you will need to
 configure highlight.js to use the `<br>` tag:
 
-```javascript
+```js
 hljs.configure({useBR: true});
 
-$('div.code').each(function(i, block) {
+document.querySelectorAll('div.code').forEach((block) => {
   hljs.highlightBlock(block);
 });
 ```
@@ -76,23 +83,23 @@ window while dealing with very big chunks of code.
 
 In your main script:
 
-```javascript
-addEventListener('load', function() {
-  var code = document.querySelector('#code');
-  var worker = new Worker('worker.js');
-  worker.onmessage = function(event) { code.innerHTML = event.data; }
+```js
+addEventListener('load', () => {
+  const code = document.querySelector('#code');
+  const worker = new Worker('worker.js');
+  worker.onmessage = (event) => { code.innerHTML = event.data; }
   worker.postMessage(code.textContent);
-})
+});
 ```
 
 In worker.js:
 
-```javascript
-onmessage = function(event) {
+```js
+onmessage = (event) => {
   importScripts('<path>/highlight.pack.js');
-  var result = self.hljs.highlightAuto(event.data);
+  const result = self.hljs.highlightAuto(event.data);
   postMessage(result.value);
-}
+};
 ```
 
 
@@ -115,17 +122,48 @@ too big. If you don't see the language you need in the ["Common" section][5],
 it can be added manually:
 
 ```html
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/languages/go.min.js"></script>
+<script
+ charset="UTF-8"
+ src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/go.min.js"></script>
 ```
 
 **On Almond.** You need to use the optimizer to give the module a name. For
 example:
 
-```
+```bash
 r.js -o name=hljs paths.hljs=/path/to/highlight out=highlight.js
 ```
 
 
+### CommonJS
+
+You can import Highlight.js as a CommonJS-module:
+
+```bash
+npm install highlight.js --save
+```
+
+In your application:
+
+```js
+import hljs from 'highlight.js';
+```
+
+The default import imports all languages! Therefore it is likely to be more efficient to import only the library and the languages you need:
+
+```js
+import hljs from 'highlight.js/lib/highlight';
+import javascript from 'highlight.js/lib/languages/javascript';
+hljs.registerLanguage('javascript', javascript);
+```
+
+To set the syntax highlighting style, if your build tool processes CSS from your JavaScript entry point, you can import the stylesheet directly into your CommonJS-module:
+
+```js
+import hljs from 'highlight.js/lib/highlight';
+import 'highlight.js/styles/github.css';
+```
+
 ## License
 
 Highlight.js is released under the BSD License. See [LICENSE][7] file
@@ -146,5 +184,5 @@ Authors and contributors are listed in the [AUTHORS.en.txt][8] file.
 [4]: http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
 [5]: https://highlightjs.org/download/
 [6]: http://highlightjs.readthedocs.io/en/latest/building-testing.html
-[7]: https://github.com/isagalaev/highlight.js/blob/master/LICENSE
-[8]: https://github.com/isagalaev/highlight.js/blob/master/AUTHORS.en.txt
+[7]: https://github.com/highlightjs/highlight.js/blob/master/LICENSE
+[8]: https://github.com/highlightjs/highlight.js/blob/master/AUTHORS.en.txt

lib/3rdparty/highlight/README.ru.md

@@ -40,11 +40,11 @@ Highlight.js — это инструмент для подсветки синт
 можно управлять тем, *что* и *когда* подсвечивать.
 
 Вот пример инициализации, эквивалентной вызову [`initHighlightingOnLoad`][1], но
-с использованием jQuery:
+с использованием `document.addEventListener`:
 
-```javascript
-$(document).ready(function() {
-  $('pre code').each(function(i, block) {
+```js
+document.addEventListener('DOMContentLoaded', (event) => {
+  document.querySelectorAll('pre code').forEach((block) => {
     hljs.highlightBlock(block);
   });
 });
@@ -54,10 +54,10 @@ $(document).ready(function() {
 используете контейнер, не сохраняющий переводы строк, вам нужно сказать
 highlight.js использовать для них тег `<br>`:
 
-```javascript
+```js
 hljs.configure({useBR: true});
 
-$('div.code').each(function(i, block) {
+document.querySelectorAll('div.code').forEach((block) => {
   hljs.highlightBlock(block);
 });
 ```
@@ -72,23 +72,23 @@ $('div.code').each(function(i, block) {
 
 В основном скрипте:
 
-```javascript
-addEventListener('load', function() {
-  var code = document.querySelector('#code');
-  var worker = new Worker('worker.js');
-  worker.onmessage = function(event) { code.innerHTML = event.data; }
+```js
+addEventListener('load', () => {
+  const code = document.querySelector('#code');
+  const worker = new Worker('worker.js');
+  worker.onmessage = (event) => { code.innerHTML = event.data; }
   worker.postMessage(code.textContent);
-})
+});
 ```
 
 В worker.js:
 
-```javascript
-onmessage = function(event) {
+```js
+onmessage = (event) => {
   importScripts('<path>/highlight.pack.js');
-  var result = self.hljs.highlightAuto(event.data);
+  const result = self.hljs.highlightAuto(event.data);
   postMessage(result.value);
-}
+};
 ```
 
 
@@ -138,5 +138,5 @@ Highlight.js распространяется под лицензией BSD. П
 [4]: http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
 [5]: https://highlightjs.org/download/
 [6]: http://highlightjs.readthedocs.io/en/latest/building-testing.html
-[7]: https://github.com/isagalaev/highlight.js/blob/master/LICENSE
-[8]: https://github.com/isagalaev/highlight.js/blob/master/AUTHORS.ru.txt
+[7]: https://github.com/highlightjs/highlight.js/blob/master/LICENSE
+[8]: https://github.com/highlightjs/highlight.js/blob/master/AUTHORS.ru.txt

lib/3rdparty/highlight/styles/a11y-dark.css

@@ -0,0 +1,99 @@
+/* a11y-dark theme */
+/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
+/* @author: ericwbailey */
+
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #d4d0ab;
+}
+
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #ffa07a;
+}
+
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #f5ab35;
+}
+
+/* Yellow */
+.hljs-attribute {
+  color: #ffd700;
+}
+
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #abe338;
+}
+
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #00e0e0;
+}
+
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #dcc6e0;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: #2b2b2b;
+  color: #f8f8f2;
+  padding: 0.5em;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-builtin-name,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+        color: highlight;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+        font-weight: bold;
+    }
+}

lib/3rdparty/highlight/styles/a11y-light.css

@@ -0,0 +1,99 @@
+/* a11y-light theme */
+/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
+/* @author: ericwbailey */
+
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #696969;
+}
+
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #d91e18;
+}
+
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #aa5d00;
+}
+
+/* Yellow */
+.hljs-attribute {
+  color: #aa5d00;
+}
+
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #008000;
+}
+
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #007faa;
+}
+
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #7928a1;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: #fefefe;
+  color: #545454;
+  padding: 0.5em;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-builtin-name,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+        color: highlight;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+        font-weight: bold;
+    }
+}

lib/3rdparty/highlight/styles/an-old-hope.css

@@ -0,0 +1,89 @@
+/* 
+
+An Old Hope – Star Wars Syntax (c) Gustavo Costa <gusbemacbe@gmail.com>
+Original theme - Ocean Dark Theme – by https://github.com/gavsiu
+Based on Jesse Leite's Atom syntax theme 'An Old Hope' – https://github.com/JesseLeite/an-old-hope-syntax-atom
+
+*/
+
+/* Death Star Comment */
+.hljs-comment,
+.hljs-quote 
+{
+  color: #B6B18B;
+}
+
+/* Darth Vader */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion 
+{
+  color: #EB3C54;
+}
+
+/* Threepio */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link 
+{
+  color: #E7CE56;
+}
+
+/* Luke Skywalker */
+.hljs-attribute 
+{
+  color: #EE7C2B;
+}
+
+/* Obi Wan Kenobi */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition 
+{
+  color: #4FB4D7;
+}
+
+/* Yoda */
+.hljs-title,
+.hljs-section 
+{
+  color: #78BB65;
+}
+
+/* Mace Windu */
+.hljs-keyword,
+.hljs-selector-tag 
+{
+  color: #B45EA4;
+}
+
+/* Millenium Falcon */
+.hljs 
+{
+  display: block;
+  overflow-x: auto;
+  background: #1C1D21;
+  color: #c0c5ce;
+  padding: 0.5em;
+}
+
+.hljs-emphasis 
+{
+  font-style: italic;
+}
+
+.hljs-strong 
+{
+  font-weight: bold;
+}

lib/3rdparty/highlight/styles/atom-one-dark-reasonable.css

@@ -0,0 +1,77 @@
+/*
+
+Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage
+
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+*/
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  line-height: 1.3em;
+  color: #abb2bf;
+  background: #282c34;
+  border-radius: 5px;
+}
+.hljs-keyword, .hljs-operator {
+  color: #F92672;
+}
+.hljs-pattern-match {
+  color: #F92672;
+}
+.hljs-pattern-match .hljs-constructor {
+  color: #61aeee;
+}
+.hljs-function {
+  color: #61aeee;
+}
+.hljs-function .hljs-params {
+  color: #A6E22E;
+}
+.hljs-function .hljs-params .hljs-typing {
+  color: #FD971F;
+}
+.hljs-module-access .hljs-module {
+  color: #7e57c2;
+}
+.hljs-constructor {
+  color: #e2b93d;
+}
+.hljs-constructor .hljs-string {
+  color: #9CCC65;
+}
+.hljs-comment, .hljs-quote {
+  color: #b18eb1;
+  font-style: italic;
+}
+.hljs-doctag, .hljs-formula {
+  color: #c678dd;
+}
+.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
+  color: #e06c75;
+}
+.hljs-literal {
+  color: #56b6c2;
+}
+.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
+  color: #98c379;
+}
+.hljs-built_in, .hljs-class .hljs-title {
+  color: #e6c07b;
+}
+.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
+  color: #d19a66;
+}
+.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
+  color: #61aeee;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: bold;
+}
+.hljs-link {
+  text-decoration: underline;
+}

lib/3rdparty/highlight/styles/gml.css

@@ -0,0 +1,78 @@
+/*
+
+GML Theme - Meseta <meseta@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #222222;
+  color: #C0C0C0;
+}
+
+.hljs-keywords {
+  color: #FFB871;
+  font-weight: bold;
+}
+
+.hljs-built_in {
+  color: #FFB871;
+}
+
+.hljs-literal {
+  color: #FF8080;
+}
+
+.hljs-symbol {
+  color: #58E55A;
+}
+
+.hljs-comment {
+  color: #5B995B;
+}
+
+.hljs-string {
+  color: #FFFF00;
+}
+
+.hljs-number {
+  color: #FF8080;
+}
+
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-name,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition,
+.hljs-regexp,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion,
+.hljs-title,
+.hljs-section,
+.hljs-function,
+.hljs-meta-keyword,
+.hljs-meta,
+.hljs-subst {
+  color: #C0C0C0;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

lib/3rdparty/highlight/styles/isbl-editor-dark.css

@@ -0,0 +1,112 @@
+/*
+
+ISBL Editor style dark color scheme (c) Dmitriy Tarasov <dimatar@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #404040;
+  color: #f0f0f0;
+}
+
+/* Base color: saturation 0; */
+
+.hljs,
+.hljs-subst {
+  color: #f0f0f0;
+}
+
+.hljs-comment {
+  color: #b5b5b5;
+  font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #f0f0f0;
+  font-weight: bold;
+}
+
+
+/* User color: hue: 0 */
+
+.hljs-string {
+  color: #97bf0d;
+}
+
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #f0f0f0;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #df471e;
+}
+
+.hljs-title>.hljs-built_in {
+  color: #81bce9;
+  font-weight: normal;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #e2c696;
+}
+
+/* Language color: hue: 90; */
+
+.hljs-built_in,
+.hljs-literal {
+  color: #97bf0d;
+  font-weight: bold;
+}
+
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300;
+}
+
+.hljs-class  {
+  color: #ce9d4d;
+  font-weight: bold;
+}
+
+/* Meta color: hue: 200 */
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+
+/* Misc effects */
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

lib/3rdparty/highlight/styles/isbl-editor-light.css

@@ -0,0 +1,112 @@
+/*
+
+ISBL Editor style light color schemec (c) Dmitriy Tarasov <dimatar@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: white;
+  color: black;
+}
+
+/* Base color: saturation 0; */
+
+.hljs,
+.hljs-subst {
+  color: #000000;
+}
+
+.hljs-comment {
+  color: #555555;
+  font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #000000;
+  font-weight: bold;
+}
+
+
+/* User color: hue: 0 */
+
+.hljs-string {
+  color: #000080;
+}
+
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #000000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #fb2c00;
+}
+
+.hljs-title>.hljs-built_in {
+  color: #008080;
+  font-weight: normal;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #5e1700;
+}
+
+/* Language color: hue: 90; */
+
+.hljs-built_in,
+.hljs-literal {
+  color: #000080;
+  font-weight: bold;
+}
+
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300;
+}
+
+.hljs-class  {
+  color: #6f1C00;
+  font-weight: bold;
+}
+
+/* Meta color: hue: 200 */
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+
+/* Misc effects */
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

lib/3rdparty/highlight/styles/lightfair.css

@@ -0,0 +1,87 @@
+/*
+
+Lightfair style (c) Tristian Kelly <tristian.kelly560@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+}
+
+.hljs-name {
+    color:#01a3a3;
+}
+
+.hljs-tag,.hljs-meta {
+    color:#778899;
+}
+
+.hljs,
+.hljs-subst {
+    color: #444
+}
+
+.hljs-comment {
+    color: #888888
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+    font-weight: bold
+}
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+    color: #4286f4
+}
+
+.hljs-title,
+.hljs-section {
+    color: #4286f4;
+    font-weight: bold
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+    color: #BC6060
+}
+
+.hljs-literal {
+    color: #62bcbc
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+    color: #25c6c6
+}
+
+.hljs-meta-string {
+    color: #4d99bf
+}
+
+.hljs-emphasis {
+    font-style: italic
+}
+
+.hljs-strong {
+    font-weight: bold
+}

lib/3rdparty/highlight/styles/nord.css

@@ -0,0 +1,309 @@
+/*
+ * Copyright (c) 2017-present Arctic Ice Studio <development@arcticicestudio.com>
+ * Copyright (c) 2017-present Sven Greb <development@svengreb.de>
+ *
+ * Project:    Nord highlight.js
+ * Version:    0.1.0
+ * Repository: https://github.com/arcticicestudio/nord-highlightjs
+ * License:    MIT
+ * References:
+ *   https://github.com/arcticicestudio/nord
+ */
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #2E3440;
+}
+
+.hljs,
+.hljs-subst {
+  color: #D8DEE9;
+}
+
+.hljs-selector-tag {
+  color: #81A1C1;
+}
+
+.hljs-selector-id {
+  color: #8FBCBB;
+  font-weight: bold;
+}
+
+.hljs-selector-class {
+  color: #8FBCBB;
+}
+
+.hljs-selector-attr {
+  color: #8FBCBB;
+}
+
+.hljs-selector-pseudo {
+  color: #88C0D0;
+}
+
+.hljs-addition {
+  background-color: rgba(163, 190, 140, 0.5);
+}
+
+.hljs-deletion {
+  background-color: rgba(191, 97, 106, 0.5);
+}
+
+.hljs-built_in,
+.hljs-type {
+  color: #8FBCBB;
+}
+
+.hljs-class {
+  color: #8FBCBB;
+}
+
+.hljs-function {
+  color: #88C0D0;
+}
+
+.hljs-function > .hljs-title {
+  color: #88C0D0;
+}
+
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol {
+  color: #81A1C1;
+}
+
+.hljs-number {
+  color: #B48EAD;
+}
+
+.hljs-regexp {
+  color: #EBCB8B;
+}
+
+.hljs-string {
+  color: #A3BE8C;
+}
+
+.hljs-title {
+  color: #8FBCBB;
+}
+
+.hljs-params {
+  color: #D8DEE9;
+}
+
+.hljs-bullet {
+  color: #81A1C1;
+}
+
+.hljs-code {
+  color: #8FBCBB;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-formula {
+  color: #8FBCBB;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-link:hover {
+  text-decoration: underline;
+}
+
+.hljs-quote {
+  color: #4C566A;
+}
+
+.hljs-comment {
+  color: #4C566A;
+}
+
+.hljs-doctag {
+  color: #8FBCBB;
+}
+
+.hljs-meta,
+.hljs-meta-keyword {
+  color: #5E81AC;
+}
+
+.hljs-meta-string {
+  color: #A3BE8C;
+}
+
+.hljs-attr {
+  color: #8FBCBB;
+}
+
+.hljs-attribute {
+  color: #D8DEE9;
+}
+
+.hljs-builtin-name {
+  color: #81A1C1;
+}
+
+.hljs-name {
+  color: #81A1C1;
+}
+
+.hljs-section {
+  color: #88C0D0;
+}
+
+.hljs-tag {
+  color: #81A1C1;
+}
+
+.hljs-variable {
+  color: #D8DEE9;
+}
+
+.hljs-template-variable {
+  color: #D8DEE9;
+}
+
+.hljs-template-tag {
+  color: #5E81AC;
+}
+
+.abnf .hljs-attribute {
+  color: #88C0D0;
+}
+
+.abnf .hljs-symbol {
+  color: #EBCB8B;
+}
+
+.apache .hljs-attribute {
+  color: #88C0D0;
+}
+
+.apache .hljs-section {
+  color: #81A1C1;
+}
+
+.arduino .hljs-built_in {
+  color: #88C0D0;
+}
+
+.aspectj .hljs-meta {
+  color: #D08770;
+}
+
+.aspectj > .hljs-title {
+  color: #88C0D0;
+}
+
+.bnf .hljs-attribute {
+  color: #8FBCBB;
+}
+
+.clojure .hljs-name {
+  color: #88C0D0;
+}
+
+.clojure .hljs-symbol {
+  color: #EBCB8B;
+}
+
+.coq .hljs-built_in {
+  color: #88C0D0;
+}
+
+.cpp .hljs-meta-string {
+  color: #8FBCBB;
+}
+
+.css .hljs-built_in {
+  color: #88C0D0;
+}
+
+.css .hljs-keyword {
+  color: #D08770;
+}
+
+.diff .hljs-meta {
+  color: #8FBCBB;
+}
+
+.ebnf .hljs-attribute {
+  color: #8FBCBB;
+}
+
+.glsl .hljs-built_in {
+  color: #88C0D0;
+}
+
+.groovy .hljs-meta:not(:first-child) {
+  color: #D08770;
+}
+
+.haxe .hljs-meta {
+  color: #D08770;
+}
+
+.java .hljs-meta {
+  color: #D08770;
+}
+
+.ldif .hljs-attribute {
+  color: #8FBCBB;
+}
+
+.lisp .hljs-name {
+  color: #88C0D0;
+}
+
+.lua .hljs-built_in {
+  color: #88C0D0;
+}
+
+.moonscript .hljs-built_in {
+  color: #88C0D0;
+}
+
+.nginx .hljs-attribute {
+  color: #88C0D0;
+}
+
+.nginx .hljs-section {
+  color: #5E81AC;
+}
+
+.pf .hljs-built_in {
+  color: #88C0D0;
+}
+
+.processing .hljs-built_in {
+  color: #88C0D0;
+}
+
+.scss .hljs-keyword {
+  color: #81A1C1;
+}
+
+.stylus .hljs-keyword {
+  color: #81A1C1;
+}
+
+.swift .hljs-meta {
+  color: #D08770;
+}
+
+.vim .hljs-built_in {
+  color: #88C0D0;
+  font-style: italic;
+}
+
+.yaml .hljs-meta {
+  color: #D08770;
+}

lib/3rdparty/highlight/styles/routeros.css

@@ -0,0 +1,108 @@
+/*
+
+ highlight.js style for Microtik RouterOS script
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #F0F0F0;
+}
+
+/* Base color: saturation 0; */
+
+.hljs,
+.hljs-subst {
+  color: #444;
+}
+
+.hljs-comment {
+  color: #888888;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold;
+}
+
+.hljs-attribute {
+  color: #0E9A00;
+}    
+
+.hljs-function {
+  color: #99069A;
+}
+
+.hljs-builtin-name {
+  color: #99069A;
+}
+
+/* User color: hue: 0 */
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060;
+}
+
+
+/* Language color: hue: 90; */
+
+.hljs-literal {
+  color: #78A960;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #0C9A9A;
+}
+
+
+/* Meta color: hue: 200 */
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+
+/* Misc effects */
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

lib/3rdparty/highlight/styles/shades-of-purple.css

@@ -0,0 +1,97 @@
+/**
+ * Shades of Purple Theme — for Highlightjs.
+ *
+ * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
+ * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
+ * @version 1.5.0
+ */
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  /* Custom font is optional */
+  /* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace';  */
+  line-height: 1.45;
+  padding: 2rem;
+  background: #2d2b57;
+  font-weight: normal;
+}
+
+.hljs-title {
+  color: #fad000;
+  font-weight: normal;
+}
+
+.hljs-name {
+  color: #a1feff;
+}
+
+.hljs-tag {
+  color: #ffffff;
+}
+
+.hljs-attr {
+  color: #f8d000;
+  font-style: italic;
+}
+
+.hljs-built_in,
+.hljs-selector-tag,
+.hljs-section {
+  color: #fb9e00;
+}
+
+.hljs-keyword {
+  color: #fb9e00;
+}
+
+.hljs,
+.hljs-subst {
+  color: #e3dfff;
+}
+
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-code,
+.hljs-regexp,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-quote,
+.hljs-deletion {
+  color: #4cd213;
+}
+
+.hljs-meta,
+.hljs-meta-string {
+  color: #fb9e00;
+}
+
+.hljs-comment {
+  color: #ac65ff;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name,
+.hljs-strong {
+  font-weight: normal;
+}
+
+.hljs-literal,
+.hljs-number {
+  color: #fa658d;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

lib/3rdparty/highlight/styles/vs2015.css

@@ -0,0 +1,115 @@
+/*
+ * Visual Studio 2015 dark style
+ * Author: Nicolas LLOBERA <nllobera@gmail.com>
+ */
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #1E1E1E;
+  color: #DCDCDC;
+}
+
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol,
+.hljs-name {
+  color: #569CD6;
+}
+.hljs-link {
+  color: #569CD6;
+  text-decoration: underline;
+}
+
+.hljs-built_in,
+.hljs-type {
+  color: #4EC9B0;
+}
+
+.hljs-number,
+.hljs-class {
+  color: #B8D7A3;
+}
+
+.hljs-string,
+.hljs-meta-string {
+  color: #D69D85;
+}
+
+.hljs-regexp,
+.hljs-template-tag {
+  color: #9A5334;
+}
+
+.hljs-subst,
+.hljs-function,
+.hljs-title,
+.hljs-params,
+.hljs-formula {
+  color: #DCDCDC;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #57A64A;
+  font-style: italic;
+}
+
+.hljs-doctag {
+  color: #608B4E;
+}
+
+.hljs-meta,
+.hljs-meta-keyword,
+.hljs-tag {
+  color: #9B9B9B;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+  color: #BD63C5;
+}
+
+.hljs-attr,
+.hljs-attribute,
+.hljs-builtin-name {
+  color: #9CDCFE;
+}
+
+.hljs-section {
+  color: gold;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+/*.hljs-code {
+  font-family:'Monospace';
+}*/
+
+.hljs-bullet,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #D7BA7D;
+}
+
+.hljs-addition {
+  background-color: #144212;
+  display: inline-block;
+  width: 100%;
+}
+
+.hljs-deletion {
+  background-color: #600;
+  display: inline-block;
+  width: 100%;
+}

lib/3rdparty/highlight/styles/xcode.css

@@ -12,55 +12,66 @@ XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
   color: black;
 }
 
+/* Gray DOCTYPE selectors like WebKit */
+.xml .hljs-meta {
+  color: #c0c0c0;
+}
+
 .hljs-comment,
 .hljs-quote {
-  color: #006a00;
+  color: #007400;
 }
 
+.hljs-tag,
+.hljs-attribute,
 .hljs-keyword,
 .hljs-selector-tag,
-.hljs-literal {
-  color: #aa0d91;
-}
-
+.hljs-literal,
 .hljs-name {
-  color: #008;
+  color: #aa0d91;
 }
 
 .hljs-variable,
 .hljs-template-variable {
-  color: #660;
+  color: #3F6E74;
 }
 
-.hljs-string {
+.hljs-code,
+.hljs-string,
+.hljs-meta-string {
   color: #c41a16;
 }
 
 .hljs-regexp,
 .hljs-link {
-  color: #080;
+  color: #0E0EFF;
 }
 
 .hljs-title,
-.hljs-tag,
 .hljs-symbol,
 .hljs-bullet,
-.hljs-number,
-.hljs-meta {
+.hljs-number {
   color: #1c00cf;
 }
 
 .hljs-section,
+.hljs-meta {
+  color: #643820;
+}
+
+
 .hljs-class .hljs-title,
 .hljs-type,
-.hljs-attr,
 .hljs-built_in,
 .hljs-builtin-name,
 .hljs-params {
   color: #5c2699;
 }
 
-.hljs-attribute,
+.hljs-attr {
+  color: #836C28;
+}
+
 .hljs-subst {
   color: #000;
 }

lib/3rdparty/highlight/styles/xt256.css

@@ -11,7 +11,7 @@
   overflow-x: auto;
   color: #eaeaea;
   background: #000;
-  padding: 0.5;
+  padding: 0.5em;
 }
 
 .hljs-subst {

lib/pixi/app.js

@@ -100,16 +100,16 @@ export default class PIXIApp extends PIXI.Application {
         }
 
         super({
-            view: view,
-            width: width,
-            height: height,
-            transparent: transparent,
-            antialias: antialias,
-            resolution: resolution,
-            autoResize: autoResize,
-            backgroundColor: backgroundColor,
-            roundPixels: roundPixels,
-            forceCanvas: forceCanvas
+            view,
+            width,
+            height,
+            transparent,
+            antialias,
+            resolution,
+            autoResize,
+            backgroundColor,
+            forceCanvas,
+            roundPixels             // not needed for PixiJS >= 5
         })
 
         this.width = width
@@ -121,7 +121,12 @@ export default class PIXIApp extends PIXI.Application {
         this.orient = null
         this.originalMapPositionToPoint = null
         this.monkeyPatchMapping = monkeyPatchMapping
-        PIXI.Graphics.CURVES.adaptive = adaptive
+        if (parseInt(PIXI.VERSION) >= 5) {
+            PIXI.settings.ROUND_PIXELS = roundPixels
+            PIXI.GRAPHICS_CURVES.adaptive = adaptive
+        } else {
+            PIXI.Graphics.CURVES.adaptive = adaptive
+        }
         this.graphql = graphql
         if (fullScreen || autoResize) {
             console.log('App is in fullScreen mode or autoResize mode')

lib/pixi/bundle.js

@@ -10,6 +10,7 @@ import Timeline from './timeline.js'
 import Theme from './theme.js'
 import Button from './button.js'
 import ButtonGroup from './buttongroup.js'
+import Scrollview from './scrollview.js'
 import Slider from './slider.js'
 import Switch from './switch.js'
 import Popup from './popup.js'
@@ -41,6 +42,7 @@ window.AppTest = AppTest
 window.Theme = Theme
 window.Button = Button
 window.ButtonGroup = ButtonGroup
+window.Scrollview = Scrollview
 window.Slider = Slider
 window.Switch = Switch
 window.Popup = Popup

lib/pixi/index.html

@@ -50,7 +50,8 @@ const index = new Index(itemTemplate, [
         ['Scatter', 'scatter.html'],
         ['Flip Effect', 'flipeffect.html'],
         ['Blur Filter', 'blurfilter.html'],
-        ['Text', 'text.html']
+        ['Text', 'text.html'],
+        ['Scrollview', 'scrollview.html']
     ],
     null)
 index.load()

lib/pixi/scrollbox.js

@@ -0,0 +1,589 @@
+
+
+/**
+ * pixi.js scrollbox: a masked content box that can scroll vertically or horizontally with scrollbars
+ */
+export default class Scrollbox extends PIXI.Container {
+    /**
+     * create a scrollbox
+     * @param {object} options
+     * @param {boolean} [options.dragScroll=true] user may drag the content area to scroll content
+     * @param {string} [options.overflowX=auto] (none, scroll, hidden, auto) this changes whether the scrollbar is shown
+     * @param {string} [options.overflowY=auto] (none, scroll, hidden, auto) this changes whether the scrollbar is shown
+     * @param {string} [options.overflow] (none, scroll, hidden, auto) sets overflowX and overflowY to this value
+     * @param {number} [options.boxWidth=100] width of scrollbox including scrollbar (in pixels)
+     * @param {number} [options.boxHeight=100] height of scrollbox including scrollbar (in pixels)
+     * @param {number} [options.scrollbarSize=10] size of scrollbar (in pixels)
+     * @param {number} [options.scrollbarOffsetHorizontal=0] offset of horizontal scrollbar (in pixels)
+     * @param {number} [options.scrollbarOffsetVertical=0] offset of vertical scrollbar (in pixels)
+     * @param {boolean} [options.stopPropagation=true] call stopPropagation on any events that impact scrollbox
+     * @param {number} [options.scrollbarBackground=0xdddddd] background color of scrollbar
+     * @param {number} [options.scrollbarBackgroundAlpha=1] alpha of background of scrollbar
+     * @param {number} [options.scrollbarForeground=0x888888] foreground color of scrollbar
+     * @param {number} [options.scrollbarForegroundAlpha=1] alpha of foreground of scrollbar
+     * @param {string} [options.underflow=top-left] what to do when content underflows the scrollbox size: none: do nothing; (left/right/center AND top/bottom/center); OR center (e.g., 'top-left', 'center', 'none', 'bottomright')
+     * @param {(boolean|number)} [options.fade] fade the scrollbar when not in use (true = 1000ms)
+     * @param {number} [options.fadeWait=3000] time to wait before fading the scrollbar if options.fade is set
+     * @param {(string|function)} [options.fadeEase=easeInOutSine] easing function to use for fading
+     */
+    constructor(options)
+    {
+        super()
+        this.options = Object.assign({}, {
+            boxWidth: 100,
+            boxHeight: 100,
+            scrollbarSize: 10,
+            scrollbarBackground: 14540253,
+            scrollbarBackgroundAlpha: 1,
+            scrollbarForeground: 8947848,
+            scrollbarForegroundAlpha: 1,
+            dragScroll: true,
+            stopPropagation: true,
+            scrollbarOffsetHorizontal: 0,
+            scrollbarOffsetVertical: 0,
+            underflow: 'top-left',
+            fadeScrollbar: false,
+            fadeWait: 3000,
+            fadeEase: 'easeInOutSine'
+        }, options)
+        this.ease = new PIXI.extras.Ease.list()
+
+        this.on('added', event => {
+            this.update()
+        })
+
+        /**
+         * content in placed in here
+         * you can use any function from pixi-viewport on content to manually move the content (see https://davidfig.github.io/pixi-viewport/jsdoc/)
+         * @type {PIXI.extras.Viewport}
+         */
+        this.content = this.addChild(new PIXI.extras.Viewport({ passiveWheel: this.options.stopPropagation, stopPropagation: this.options.stopPropagation, screenWidth: this.options.boxWidth, screenHeight: this.options.boxHeight }))
+        this.content
+            .decelerate()
+            .on('moved', () => this._drawScrollbars())
+
+        /**
+         * graphics element for drawing the scrollbars
+         * @type {PIXI.Graphics}
+         */
+        this.scrollbar = this.addChild(new PIXI.Graphics())
+        this.scrollbar.interactive = true
+        this.scrollbar.on('pointerdown', this.scrollbarDown, this)
+        this.interactive = true
+        this.on('pointermove', this.scrollbarMove, this)
+        this.on('pointerup', this.scrollbarUp, this)
+        this.on('pointercancel', this.scrollbarUp, this)
+        this.on('pointerupoutside', this.scrollbarUp, this)
+        this._maskContent = this.addChild(new PIXI.Graphics())
+        this.update()
+    }
+
+    /**
+     * offset of horizontal scrollbar (in pixels)
+     * @type {number}
+     */
+    get scrollbarOffsetHorizontal()
+    {
+        return this.options.scrollbarOffsetHorizontal
+    }
+    set scrollbarOffsetHorizontal(value)
+    {
+        this.options.scrollbarOffsetHorizontal = value
+    }
+
+    /**
+     * offset of vertical scrollbar (in pixels)
+     * @type {number}
+     */
+    get scrollbarOffsetVertical()
+    {
+        return this.options.scrollbarOffsetVertical
+    }
+    set scrollbarOffsetVertical(value)
+    {
+        this.options.scrollbarOffsetVertical = value
+    }
+
+    /**
+     * disable the scrollbox (if set to true this will also remove the mask)
+     * @type {boolean}
+     */
+    get disable()
+    {
+        return this._disabled
+    }
+    set disable(value)
+    {
+        if (this._disabled !== value)
+        {
+            this._disabled = value
+            this.update()
+        }
+    }
+
+    /**
+     * call stopPropagation on any events that impact scrollbox
+     * @type {boolean}
+     */
+    get stopPropagation()
+    {
+        return this.options.stopPropagation
+    }
+    set stopPropagation(value)
+    {
+        this.options.stopPropagation = value
+    }
+
+    /**
+     * user may drag the content area to scroll content
+     * @type {boolean}
+     */
+    get dragScroll()
+    {
+        return this.options.dragScroll
+    }
+    set dragScroll(value)
+    {
+        this.options.dragScroll = value
+        if (value)
+        {
+            this.content.drag()
+        }
+        else
+        {
+            this.content.removePlugin('drag')
+        }
+        this.update()
+    }
+
+    /**
+     * width of scrollbox including the scrollbar (if visible)- this changes the size and not the scale of the box
+     * @type {number}
+     */
+    get boxWidth()
+    {
+        return this.options.boxWidth
+    }
+    set boxWidth(value)
+    {
+        this.options.boxWidth = value
+        this.content.screenWidth = value
+        this.update()
+    }
+
+    /**
+     * sets overflowX and overflowY to (scroll, hidden, auto) changing whether the scrollbar is shown
+     * scroll = always show scrollbar
+     * hidden = hide overflow and do not show scrollbar
+     * auto = if content is larger than box size, then show scrollbar
+     * @type {string}
+     */
+    get overflow()
+    {
+        return this.options.overflow
+    }
+    set overflow(value)
+    {
+        this.options.overflow = value
+        this.options.overflowX = value
+        this.options.overflowY = value
+        this.update()
+    }
+
+    /**
+     * sets overflowX to (scroll, hidden, auto) changing whether the scrollbar is shown
+     * scroll = always show scrollbar
+     * hidden = hide overflow and do not show scrollbar
+     * auto = if content is larger than box size, then show scrollbar
+     * @type {string}
+     */
+    get overflowX()
+    {
+        return this.options.overflowX
+    }
+    set overflowX(value)
+    {
+        this.options.overflowX = value
+        this.update()
+    }
+
+    /**
+     * sets overflowY to (scroll, hidden, auto) changing whether the scrollbar is shown
+     * scroll = always show scrollbar
+     * hidden = hide overflow and do not show scrollbar
+     * auto = if content is larger than box size, then show scrollbar
+     * @type {string}
+     */
+    get overflowY()
+    {
+        return this.options.overflowY
+    }
+    set overflowY(value)
+    {
+        this.options.overflowY = value
+        this.update()
+    }
+
+    /**
+     * height of scrollbox including the scrollbar (if visible) - this changes the size and not the scale of the box
+     * @type {number}
+     */
+    get boxHeight()
+    {
+        return this.options.boxHeight
+    }
+    set boxHeight(value)
+    {
+        this.options.boxHeight = value
+        this.content.screenHeight = value
+        this.update()
+    }
+
+    /**
+     * scrollbar size in pixels
+     * @type {number}
+     */
+    get scrollbarSize()
+    {
+        return this.options.scrollbarSize
+    }
+    set scrollbarSize(value)
+    {
+        this.options.scrollbarSize = value
+    }
+
+    /**
+     * width of scrollbox less the scrollbar (if visible)
+     * @type {number}
+     * @readonly
+     */
+    get contentWidth()
+    {
+        return this.options.boxWidth - (this.isScrollbarVertical ? this.options.scrollbarSize : 0)
+    }
+
+    /**
+     * height of scrollbox less the scrollbar (if visible)
+     * @type {number}
+     * @readonly
+     */
+    get contentHeight()
+    {
+        return this.options.boxHeight - (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)
+    }
+
+    /**
+     * is the vertical scrollbar visible
+     * @type {boolean}
+     * @readonly
+     */
+    get isScrollbarVertical()
+    {
+        return this._isScrollbarVertical
+    }
+
+    /**
+     * is the horizontal scrollbar visible
+     * @type {boolean}
+     * @readonly
+     */
+    get isScrollbarHorizontal()
+    {
+        return this._isScrollbarHorizontal
+    }
+
+    /**
+     * top coordinate of scrollbar
+     */
+    get scrollTop()
+    {
+        return this.content.top
+    }
+
+    /**
+     * left coordinate of scrollbar
+     */
+    get scrollLeft()
+    {
+        return this.content.left
+    }
+
+    /**
+     * width of content area
+     * if not set then it uses content.width to calculate width
+     */
+    get scrollWidth()
+    {
+        return this._scrollWidth || this.content.width
+    }
+    set scrollWidth(value)
+    {
+        this._scrollWidth = value
+    }
+
+    /**
+     * height of content area
+     * if not set then it uses content.height to calculate height
+     */
+    get scrollHeight()
+    {
+        return this._scrollHeight || this.content.height
+    }
+    set scrollHeight(value)
+    {
+        this._scrollHeight = value
+    }
+
+    /**
+     * draws scrollbars
+     * @private
+     */
+    _drawScrollbars()
+    {
+        this._isScrollbarHorizontal = this.overflowX === 'scroll' ? true : ['hidden', 'none'].indexOf(this.overflowX) !== -1 ? false : this.scrollWidth > this.options.boxWidth
+        this._isScrollbarVertical = this.overflowY === 'scroll' ? true : ['hidden', 'none'].indexOf(this.overflowY) !== -1 ? false : this.scrollHeight > this.options.boxHeight
+        this.scrollbar.clear()
+        let options = {}
+        options.left = 0
+        options.right = this.scrollWidth + (this._isScrollbarVertical ? this.options.scrollbarSize : 0)
+        options.top = 0
+        options.bottom = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)
+        const width = this.scrollWidth + (this.isScrollbarVertical ? this.options.scrollbarSize : 0)
+        const height = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)
+        this.scrollbarTop = (this.content.top / height) * this.boxHeight
+        this.scrollbarTop = this.scrollbarTop < 0 ? 0 : this.scrollbarTop
+        this.scrollbarHeight = (this.boxHeight / height) * this.boxHeight
+        this.scrollbarHeight = this.scrollbarTop + this.scrollbarHeight > this.boxHeight ? this.boxHeight - this.scrollbarTop : this.scrollbarHeight
+        this.scrollbarLeft = (this.content.left / width) * this.boxWidth
+        this.scrollbarLeft = this.scrollbarLeft < 0 ? 0 : this.scrollbarLeft
+        this.scrollbarWidth = (this.boxWidth / width) * this.boxWidth
+        this.scrollbarWidth = this.scrollbarWidth + this.scrollbarLeft > this.boxWidth ? this.boxWidth - this.scrollbarLeft : this.scrollbarWidth
+        if (this.isScrollbarVertical)
+        {
+            this.scrollbar
+                .beginFill(this.options.scrollbarBackground, this.options.scrollbarBackgroundAlpha)
+                .drawRect(this.boxWidth - this.scrollbarSize + this.options.scrollbarOffsetVertical, 0, this.scrollbarSize, this.boxHeight)
+                .endFill()
+        }
+        if (this.isScrollbarHorizontal)
+        {
+            this.scrollbar
+                .beginFill(this.options.scrollbarBackground, this.options.scrollbarBackgroundAlpha)
+                .drawRect(0, this.boxHeight - this.scrollbarSize + this.options.scrollbarOffsetHorizontal, this.boxWidth, this.scrollbarSize)
+                .endFill()
+        }
+        if (this.isScrollbarVertical)
+        {
+            this.scrollbar
+                .beginFill(this.options.scrollbarForeground, this.options.scrollbarForegroundAlpha)
+                .drawRect(this.boxWidth - this.scrollbarSize + this.options.scrollbarOffsetVertical, this.scrollbarTop, this.scrollbarSize, this.scrollbarHeight)
+                .endFill()
+        }
+        if (this.isScrollbarHorizontal)
+        {
+            this.scrollbar
+                .beginFill(this.options.scrollbarForeground, this.options.scrollbarForegroundAlpha)
+                .drawRect(this.scrollbarLeft, this.boxHeight - this.scrollbarSize + this.options.scrollbarOffsetHorizontal, this.scrollbarWidth, this.scrollbarSize)
+                .endFill()
+        }
+        // this.content.forceHitArea = new PIXI.Rectangle(0, 0 , this.boxWidth, this.boxHeight)
+        this.activateFade()
+    }
+
+    /**
+     * draws mask layer
+     * @private
+     */
+    _drawMask()
+    {
+        this._maskContent
+            .beginFill(0)
+            .drawRect(0, 0, this.boxWidth, this.boxHeight)
+            .endFill()
+        this.content.mask = this._maskContent
+    }
+
+    /**
+     * call when scrollbox content changes
+     */
+    update()
+    {
+        this.content.mask = null
+        this._maskContent.clear()
+        if (!this._disabled)
+        {
+            this._drawScrollbars()
+            this._drawMask()
+            if (this.options.dragScroll)
+            {
+                const direction = this.isScrollbarHorizontal && this.isScrollbarVertical ? 'all' : this.isScrollbarHorizontal ? 'x' : 'y'
+                if (direction !== null)
+                {
+                    this.content
+                        .drag({ clampWheel: true, direction })
+                        .clamp({ direction, underflow: this.options.underflow })
+                }
+            }
+        }
+    }
+
+    /**
+     * show the scrollbar and restart the timer for fade if options.fade is set
+     */
+    activateFade()
+    {
+        if (this.options.fade)
+        {
+            if (this.fade)
+            {
+                this.ease.remove(this.fade)
+            }
+            this.scrollbar.alpha = 1
+            const time = this.options.fade === true ? 1000 : this.options.fade
+            this.fade = this.ease.to(this.scrollbar, { alpha: 0 }, time, { wait: this.options.fadeWait, ease: this.options.fadeEase })
+            this.fade.on('each', () => this.content.dirty = true)
+        }
+    }
+
+    /**
+     * handle pointer down on scrollbar
+     * @param {PIXI.interaction.InteractionEvent} e
+     * @private
+     */
+    scrollbarDown(e)
+    {
+        const local = this.toLocal(e.data.global)
+        if (this.isScrollbarHorizontal)
+        {
+            if (local.y > this.boxHeight - this.scrollbarSize)
+            {
+                if (local.x >= this.scrollbarLeft && local.x <= this.scrollbarLeft + this.scrollbarWidth)
+                {
+                    this.pointerDown = { type: 'horizontal', last: local }
+                }
+                else
+                {
+                    if (local.x > this.scrollbarLeft)
+                    {
+                        this.content.left += this.content.worldScreenWidth
+                        this.update()
+                    }
+                    else
+                    {
+                        this.content.left -= this.content.worldScreenWidth
+                        this.update()
+                    }
+                }
+                if (this.options.stopPropagation)
+                {
+                    e.stopPropagation()
+                }
+                return
+            }
+        }
+        if (this.isScrollbarVertical)
+        {
+            if (local.x > this.boxWidth - this.scrollbarSize)
+            {
+                if (local.y >= this.scrollbarTop && local.y <= this.scrollbarTop + this.scrollbarWidth)
+                {
+                    this.pointerDown = { type: 'vertical', last: local }
+                }
+                else
+                {
+                    if (local.y > this.scrollbarTop)
+                    {
+                        this.content.top += this.content.worldScreenHeight
+                        this.update()
+                    }
+                    else
+                    {
+                        this.content.top -= this.content.worldScreenHeight
+                        this.update()
+                    }
+                }
+                if (this.options.stopPropagation)
+                {
+                    e.stopPropagation()
+                }
+                return
+            }
+        }
+    }
+
+    /**
+     * handle pointer move on scrollbar
+     * @param {PIXI.interaction.InteractionEvent} e
+     * @private
+     */
+    scrollbarMove(e)
+    {
+        if (this.pointerDown)
+        {
+            if (this.pointerDown.type === 'horizontal')
+            {
+                const local = this.toLocal(e.data.global)
+                this.content.left += local.x - this.pointerDown.last.x
+                this.pointerDown.last = local
+                this.update()
+            }
+            else if (this.pointerDown.type === 'vertical')
+            {
+                const local = this.toLocal(e.data.global)
+                this.content.top += local.y - this.pointerDown.last.y
+                this.pointerDown.last = local
+                this.update()
+            }
+            if (this.options.stopPropagation)
+            {
+                e.stopPropagation()
+            }
+        }
+    }
+
+    /**
+     * handle pointer down on scrollbar
+     * @private
+     */
+    scrollbarUp()
+    {
+        this.pointerDown = null
+    }
+
+    /**
+     * resize the mask for the container
+     * @param {object} options
+     * @param {number} [options.boxWidth] width of scrollbox including scrollbar (in pixels)
+     * @param {number} [options.boxHeight] height of scrollbox including scrollbar (in pixels)
+     * @param {number} [options.scrollWidth] set the width of the inside of the scrollbox (leave null to use content.width)
+     * @param {number} [options.scrollHeight] set the height of the inside of the scrollbox (leave null to use content.height)
+     */
+    resize(options)
+    {
+        this.options.boxWidth = typeof options.boxWidth !== 'undefined' ? options.boxWidth : this.options.boxWidth
+        this.options.boxHeight = typeof options.boxHeight !== 'undefined' ? options.boxHeight : this.options.boxHeight
+        if (options.scrollWidth)
+        {
+            this.scrollWidth = options.scrollWidth
+        }
+        if (options.scrollHeight)
+        {
+            this.scrollHeight = options.scrollHeight
+        }
+        this.content.resize(this.options.boxWidth, this.options.boxHeight, this.scrollWidth, this.scrollHeight)
+        this.update()
+    }
+
+    /**
+     * ensure that the bounding box is visible
+     * @param {number} x - relative to content's coordinate system
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
+     */
+    ensureVisible(x, y, width, height)
+    {
+        this.content.ensureVisible(x, y, width, height)
+        this._drawScrollbars()
+    }
+}

lib/pixi/scrollview.html

@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+    <title>PIXI Scrollview</title>
+
+    <link rel="stylesheet" href="../3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href="../../css/doctest.css">
+
+    <script src="../3rdparty/highlight/highlight.pack.js"></script>
+
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
+</head>
+<body onload="Doctest.run()">
+    <h1>Scrollview</h1>
+    <p>A configurable scrollbox designed for pixi.js.</p>
+    <p><strong>Features:</strong></p>
+    <p>
+        <ul>
+            <li>Scrollview uses a mask to clip to desired boxWidth/boxHeight size</li>
+            <li>Scrollview scrolls with scrollbars (options.overflow=scroll)</li>
+            <li>Scrollview's scrollbars may be hidden when not needed (options.overflow=auto or hidden)</li>
+            <li>Scrollview may also be scrolled by dragging on the content window (options.dragScroll=true)</li>
+        </ul>
+    </p>
+    <p>See <a href="https://davidfig.github.io/pixi-scrollbox/jsdoc/Scrollbox.html">https://davidfig.github.io/pixi-scrollbox/jsdoc/Scrollbox.html</a> and <a href="https://davidfig.github.io/pixi-viewport/jsdoc/Viewport.html">https://davidfig.github.io/pixi-viewport/jsdoc/Viewport.html</a></p>
+    <p>Let's look at some switch examples:</p><br />
+    <canvas id="canvas" class="interactive"></canvas>
+    <p>
+        What you should see: Many switches with very different styling and behaviour.
+    </p>
+    <script class="doctest">
+const app = new PIXIApp({
+    view: canvas,
+    width: 900,
+    height: 400,
+    transparent: false
+}).setup().run()
+
+app.loader
+    .add('elephant1', './assets/elephant-1.jpg')
+    .add('elephant2', './assets/elephant-2.jpg')
+    .add('elephant3', './assets/elephant-3.jpg')
+    .load((loader, resources) => {
+        const sprite1 = new PIXI.Sprite(resources.elephant1.texture)
+        const sprite2 = new PIXI.Sprite(resources.elephant2.texture)
+        const sprite3 = new PIXI.Sprite(resources.elephant3.texture)
+
+        const scrollview1 = new Scrollview({boxWidth: 400, boxHeight: 180})
+        scrollview1.content.addChild(sprite1)
+        app.scene.addChild(scrollview1)
+
+        const scrollview2 = new Scrollview({boxWidth: 300, boxHeight: 300})
+        scrollview2.x = 500
+        scrollview2.y = 30
+        sprite2.x = 40
+        sprite2.y = 40
+        sprite2.scale.set(.3, .3)
+        sprite3.x = 60
+        sprite3.y = 100
+        sprite3.alpha = .6
+        sprite3.scale.set(.5, .5)
+        scrollview2.content.addChild(sprite2, sprite3)
+        app.scene.addChild(scrollview2)
+    })
+    </script>
+</body>

lib/pixi/scrollview.js

@@ -0,0 +1,73 @@
+import Scrollbox from './scrollbox.js'
+
+/**
+ * Class that represents a PixiJS Scrollview.
+ * 
+ * @example
+ * // Create the app
+ * const app = new PIXIApp({
+ *     view: canvas,
+ *     width: 600,
+ *     height: 400
+ * }).setup().run()
+ * 
+ * // Create the Scrollview
+ * app.loader
+ *     .add('elephant', './assets/elephant-1.jpg')
+ *     .load((loader, resources) => {
+ *         const sprite = new PIXI.Sprite(resources.elephant.texture)
+ *         const scrollview = new Scrollview({boxWidth: 400, boxHeight: 300})
+ *         scrollview.content.addChild(sprite)
+ *         app.scene.addChild(scrollview)
+ *
+ * @class
+ * @extends PIXI.extras.Scrollbox
+ * @see {@link https://davidfig.github.io/pixi-scrollbox/jsdoc/Scrollbox.html|Scrollbox}
+ * @see {@link https://davidfig.github.io/pixi-viewport/jsdoc/Viewport.html|Viewport}
+ */
+export default class Scrollview extends Scrollbox {
+    
+    /**
+     * Creates an instance of a Scrollview.
+     * 
+     * @constructor
+     * @see https://davidfig.github.io/pixi-scrollbox/jsdoc/Scrollbox.html
+     */
+    constructor(opts = {}) {
+
+        super(opts)
+
+        this.opts = opts
+
+        // setup
+        //-----------------
+        this.setup()
+
+        // layout
+        //-----------------
+        this.layout()
+    }
+    
+    /**
+     * Creates children and instantiates everything.
+     * 
+     * @private
+     * @return {Scrollview} A reference to the Scrollview for chaining.
+     */
+    setup() {
+
+        return this
+    }
+    
+    /**
+     * Should be called to refresh the layout of the Scrollview. Can be used after resizing.
+     * 
+     * @return {Scrollview} A reference to the Scrollview for chaining.
+     */
+    layout() {
+
+        this.update()
+
+        return this
+    }
+}

lib/pixi/switch.html

@@ -9,10 +9,10 @@
     <link rel="stylesheet" href="../../css/doctest.css">
 
     <script src="../3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../3rdparty/all.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Switch</h1>

lib/pixi/timeline.js

@@ -476,7 +476,7 @@ export class ColorRanges {
 export default class Timeline extends BitmapLabeledGraphics {
 
     constructor(width, height, { ticks = null,
-        baseLine = 0.5, showRange = true } = {}) {
+        baseLine = 0.5, showRange = true, throwDamping = 0.95 } = {}) {
         super()
         this.wantedWidth = width
         this.wantedHeight = height
@@ -507,6 +507,7 @@ export default class Timeline extends BitmapLabeledGraphics {
         this.selection = null
         this.autoScroll = false
         this.direction = -1
+        this.throwDamping = throwDamping
         this.timeticks = ticks || new TimeTicks(new DecadeTicks(),
             new YearTicks(),
             new MonthTicks(),
@@ -884,7 +885,7 @@ export default class Timeline extends BitmapLabeledGraphics {
             return
         }
         this.scroll += delta
-        delta *= 0.985
+        delta *= this.throwDamping
         this.redraw()
         if (Math.abs(delta) > 1 && this.autoScroll) {
             setTimeout(() => this.keepInBounds(delta, anchor), 1000 / 100)

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "iwmlib",
-    "version": "1.3.0",
+    "version": "1.0.4",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
@@ -381,9 +381,9 @@
             }
         },
         "async-each": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.2.tgz",
-            "integrity": "sha512-6xrbvN0MOBKSJDdonmSSz2OwFSgxRaVtBDes26mj9KIGtDo+g9xosFRSC+i1gQh2oAN/tQ62AI/pGZGQjVOiRg==",
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
+            "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
             "dev": true
         },
         "async-settle": {
@@ -480,9 +480,15 @@
             }
         },
         "binary-extensions": {
-            "version": "1.13.0",
-            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.0.tgz",
-            "integrity": "sha512-EgmjVLMn22z7eGGv3kcnHwSnJXmFHjISTY9E/S5lIcTD3Oxw05QTcBLNkJFzcb3cNueUdF/IN4U+d78V0zO8Hw==",
+            "version": "1.13.1",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+            "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+            "dev": true
+        },
+        "binaryextensions": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/binaryextensions/-/binaryextensions-2.1.2.tgz",
+            "integrity": "sha512-xVNN69YGDghOqCCtA6FI7avYrr02mTJjOgB0/f1VPD3pJC8QEvjTKWc4epDx8AqxxA75NI0QpVM2gPJXUbE4Tg==",
             "dev": true
         },
         "bit-twiddle": {
@@ -614,9 +620,9 @@
             "dev": true
         },
         "chokidar": {
-            "version": "2.1.4",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.4.tgz",
-            "integrity": "sha512-ZVuFiB9IGOHqu+Jh7B7fSTmzsfDmUtC6yqd/V72UPQeXbNHONbMV0chOXtLXjsP3NvdUsHTNMg02NtXPDaSmNQ==",
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz",
+            "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==",
             "dev": true,
             "requires": {
                 "anymatch": "^2.0.0",
@@ -751,9 +757,9 @@
             "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg=="
         },
         "component-emitter": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
-            "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+            "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
             "dev": true
         },
         "concat-map": {
@@ -987,6 +993,12 @@
             "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.1.5.tgz",
             "integrity": "sha512-QFWC7ywTVLtvRAJTVp8ugsuuGQ5mVqNmJ1cRYeLrSHgP3nycr2RHTJob9OtM0v8ujuoKN0NY1a93J/omeTL1PA=="
         },
+        "editions": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/editions/-/editions-1.3.4.tgz",
+            "integrity": "sha512-gzao+mxnYDzIysXKMQi/+M1mjy/rjestjg6OPoYTtI+3Izp23oiGZitsl9lPDPiTGXbcSIk1iJWhliSaglxnUg==",
+            "dev": true
+        },
         "end-of-stream": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz",
@@ -1006,9 +1018,9 @@
             }
         },
         "es5-ext": {
-            "version": "0.10.49",
-            "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.49.tgz",
-            "integrity": "sha512-3NMEhi57E31qdzmYp2jwRArIUsj1HI/RxbQ4bgnSB+AIKIxsAmTiK83bYMifIcpWvEc3P1X30DhUKOqEtF/kvg==",
+            "version": "0.10.50",
+            "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.50.tgz",
+            "integrity": "sha512-KMzZTPBkeQV/JcSQhI5/z6d9VWJ3EnQ194USTUwIYZ2ZbpN8+SGXQKt1h68EX44+qt+Fzr8DO17vnxrw7c3agw==",
             "dev": true,
             "requires": {
                 "es6-iterator": "~2.0.3",
@@ -1049,6 +1061,12 @@
                 "es6-symbol": "^3.1.1"
             }
         },
+        "escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+            "dev": true
+        },
         "escodegen": {
             "version": "1.3.3",
             "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.3.3.tgz",
@@ -1301,32 +1319,21 @@
             }
         },
         "findup-sync": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz",
-            "integrity": "sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-3.0.0.tgz",
+            "integrity": "sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==",
             "dev": true,
             "requires": {
                 "detect-file": "^1.0.0",
-                "is-glob": "^3.1.0",
+                "is-glob": "^4.0.0",
                 "micromatch": "^3.0.4",
                 "resolve-dir": "^1.0.1"
-            },
-            "dependencies": {
-                "is-glob": {
-                    "version": "3.1.0",
-                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
-                    "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
-                    "dev": true,
-                    "requires": {
-                        "is-extglob": "^2.1.0"
-                    }
-                }
             }
         },
         "fined": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/fined/-/fined-1.1.1.tgz",
-            "integrity": "sha512-jQp949ZmEbiYHk3gkbdtpJ0G1+kgtLQBNdP5edFP7Fh+WAYceLQz6yO1SBj72Xkg8GVyTB3bBzAYrHJVh5Xd5g==",
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/fined/-/fined-1.2.0.tgz",
+            "integrity": "sha512-ZYDqPLGxDkDhDZBjZBb+oD1+j0rA4E0pXY50eplAAOPg2N/gUBSSk5IM1/QhPfyVo19lJ+CvXpqfvk+b2p/8Ng==",
             "dev": true,
             "requires": {
                 "expand-tilde": "^2.0.2",
@@ -1398,14 +1405,14 @@
             "dev": true
         },
         "fsevents": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.7.tgz",
-            "integrity": "sha512-Pxm6sI2MeBD7RdD12RYsqaP0nMiwx8eZBXCa6z2L+mRHm2DYrOYwihmhjpkdjUHwQhslWQjRpEgNq4XvBmaAuw==",
+            "version": "1.2.9",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.9.tgz",
+            "integrity": "sha512-oeyj2H3EjjonWcFjD5NvZNE9Rqe4UW+nQBU2HNeKw0koVLEFIhtyETyAakeAM3de7Z/SW5kcA+fZUait9EApnw==",
             "dev": true,
             "optional": true,
             "requires": {
-                "nan": "^2.9.2",
-                "node-pre-gyp": "^0.10.0"
+                "nan": "^2.12.1",
+                "node-pre-gyp": "^0.12.0"
             },
             "dependencies": {
                 "abbrev": {
@@ -1483,12 +1490,12 @@
                     "optional": true
                 },
                 "debug": {
-                    "version": "2.6.9",
+                    "version": "4.1.1",
                     "bundled": true,
                     "dev": true,
                     "optional": true,
                     "requires": {
-                        "ms": "2.0.0"
+                        "ms": "^2.1.1"
                     }
                 },
                 "deep-extend": {
@@ -1659,24 +1666,24 @@
                     }
                 },
                 "ms": {
-                    "version": "2.0.0",
+                    "version": "2.1.1",
                     "bundled": true,
                     "dev": true,
                     "optional": true
                 },
                 "needle": {
-                    "version": "2.2.4",
+                    "version": "2.3.0",
                     "bundled": true,
                     "dev": true,
                     "optional": true,
                     "requires": {
-                        "debug": "^2.1.2",
+                        "debug": "^4.1.0",
                         "iconv-lite": "^0.4.4",
                         "sax": "^1.2.4"
                     }
                 },
                 "node-pre-gyp": {
-                    "version": "0.10.3",
+                    "version": "0.12.0",
                     "bundled": true,
                     "dev": true,
                     "optional": true,
@@ -1704,13 +1711,13 @@
                     }
                 },
                 "npm-bundled": {
-                    "version": "1.0.5",
+                    "version": "1.0.6",
                     "bundled": true,
                     "dev": true,
                     "optional": true
                 },
                 "npm-packlist": {
-                    "version": "1.2.0",
+                    "version": "1.4.1",
                     "bundled": true,
                     "dev": true,
                     "optional": true,
@@ -1849,7 +1856,7 @@
                     "optional": true
                 },
                 "semver": {
-                    "version": "5.6.0",
+                    "version": "5.7.0",
                     "bundled": true,
                     "dev": true,
                     "optional": true
@@ -1963,9 +1970,9 @@
             "dev": true
         },
         "glob": {
-            "version": "7.1.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
-            "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
+            "version": "7.1.4",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
+            "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
             "dev": true,
             "requires": {
                 "fs.realpath": "^1.0.0",
@@ -2273,26 +2280,26 @@
             "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA=="
         },
         "gsap": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/gsap/-/gsap-2.1.2.tgz",
-            "integrity": "sha512-7saMzK2HQ3OD4/hbygtkh0uAK8LUqcom6abL4YqGttyxAQdEvywQOw5VK3obKQ7GaLU8KhszArKJPxIKe8mbvg=="
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/gsap/-/gsap-2.1.3.tgz",
+            "integrity": "sha512-8RFASCqi2FOCBuv7X4o7M6bLdy+1hbR0azg+MG7zz+EVsI+OmJblYsTk0GEepQd2Jg/ItMPiVTibF7r3EVxjZQ=="
         },
         "gulp": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.0.tgz",
-            "integrity": "sha1-lXZsYB2t5Kd+0+eyttwDiBtZY2Y=",
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.2.tgz",
+            "integrity": "sha512-dvEs27SCZt2ibF29xYgmnwwCYZxdxhQ/+LFWlbAW8y7jt68L/65402Lz3+CKy0Ov4rOs+NERmDq7YlZaDqUIfA==",
             "dev": true,
             "requires": {
-                "glob-watcher": "^5.0.0",
-                "gulp-cli": "^2.0.0",
-                "undertaker": "^1.0.0",
+                "glob-watcher": "^5.0.3",
+                "gulp-cli": "^2.2.0",
+                "undertaker": "^1.2.1",
                 "vinyl-fs": "^3.0.0"
             },
             "dependencies": {
                 "gulp-cli": {
-                    "version": "2.0.1",
-                    "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.0.1.tgz",
-                    "integrity": "sha512-RxujJJdN8/O6IW2nPugl7YazhmrIEjmiVfPKrWt68r71UCaLKS71Hp0gpKT+F6qOUFtr7KqtifDKaAJPRVvMYQ==",
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.2.0.tgz",
+                    "integrity": "sha512-rGs3bVYHdyJpLqR0TUBnlcZ1O5O++Zs4bA0ajm+zr3WFCfiSLjGwoCBqFs18wzN+ZxahT9DkOK5nDf26iDsWjA==",
                     "dev": true,
                     "requires": {
                         "ansi-colors": "^1.0.1",
@@ -2305,7 +2312,7 @@
                         "gulplog": "^1.0.0",
                         "interpret": "^1.1.0",
                         "isobject": "^3.0.1",
-                        "liftoff": "^2.5.0",
+                        "liftoff": "^3.1.0",
                         "matchdep": "^2.0.0",
                         "mute-stdout": "^1.0.0",
                         "pretty-hrtime": "^1.0.0",
@@ -2334,6 +2341,17 @@
             "integrity": "sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg==",
             "dev": true
         },
+        "gulp-replace": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/gulp-replace/-/gulp-replace-1.0.0.tgz",
+            "integrity": "sha512-lgdmrFSI1SdhNMXZQbrC75MOl1UjYWlOWNbNRnz+F/KHmgxt3l6XstBoAYIdadwETFyG/6i+vWUSCawdC3pqOw==",
+            "dev": true,
+            "requires": {
+                "istextorbinary": "2.2.1",
+                "readable-stream": "^2.0.1",
+                "replacestream": "^4.0.0"
+            }
+        },
         "gulp-uglify": {
             "version": "3.0.2",
             "resolved": "https://registry.npmjs.org/gulp-uglify/-/gulp-uglify-3.0.2.tgz",
@@ -2421,11 +2439,6 @@
                 }
             }
         },
-        "highlight.js": {
-            "version": "9.15.6",
-            "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.15.6.tgz",
-            "integrity": "sha512-zozTAWM1D6sozHo8kqhfYgsac+B+q0PmsjXeyDrYIHHcBN0zTVT66+s2GW1GZv7DbyaROdLXKdabwS/WqPyIdQ=="
-        },
         "homedir-polyfill": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
@@ -2586,9 +2599,9 @@
             }
         },
         "is-glob": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz",
-            "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+            "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
             "dev": true,
             "requires": {
                 "is-extglob": "^2.1.1"
@@ -2687,6 +2700,17 @@
             "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
             "dev": true
         },
+        "istextorbinary": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/istextorbinary/-/istextorbinary-2.2.1.tgz",
+            "integrity": "sha512-TS+hoFl8Z5FAFMK38nhBkdLt44CclNRgDHWeMgsV8ko3nDlr/9UI2Sf839sW7enijf8oKsZYXRvM8g0it9Zmcw==",
+            "dev": true,
+            "requires": {
+                "binaryextensions": "2",
+                "editions": "^1.3.3",
+                "textextensions": "2"
+            }
+        },
         "json-stable-stringify-without-jsonify": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
@@ -2743,13 +2767,13 @@
             }
         },
         "liftoff": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-2.5.0.tgz",
-            "integrity": "sha1-IAkpG7Mc6oYbvxCnwVooyvdcMew=",
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-3.1.0.tgz",
+            "integrity": "sha512-DlIPlJUkCV0Ips2zf2pJP0unEoT1kwYhiiPUGF3s/jtxTCjziNLoiVVh+jqWOWeFi6mmwQ5fNxvAUyPad4Dfog==",
             "dev": true,
             "requires": {
                 "extend": "^3.0.0",
-                "findup-sync": "^2.0.0",
+                "findup-sync": "^3.0.0",
                 "fined": "^1.0.1",
                 "flagged-respawn": "^1.0.0",
                 "is-plain-object": "^2.0.4",
@@ -2838,13 +2862,31 @@
                 "micromatch": "^3.0.4",
                 "resolve": "^1.4.0",
                 "stack-trace": "0.0.10"
+            },
+            "dependencies": {
+                "findup-sync": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz",
+                    "integrity": "sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=",
+                    "dev": true,
+                    "requires": {
+                        "detect-file": "^1.0.0",
+                        "is-glob": "^3.1.0",
+                        "micromatch": "^3.0.4",
+                        "resolve-dir": "^1.0.1"
+                    }
+                },
+                "is-glob": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+                    "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+                    "dev": true,
+                    "requires": {
+                        "is-extglob": "^2.1.0"
+                    }
+                }
             }
         },
-        "material-design-icons": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
-            "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
-        },
         "micromatch": {
             "version": "3.1.10",
             "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@@ -2924,9 +2966,9 @@
             "dev": true
         },
         "nan": {
-            "version": "2.13.1",
-            "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.1.tgz",
-            "integrity": "sha512-I6YB/YEuDeUZMmhscXKxGgZlFnhsn5y0hgOZBadkzfTRrZBtJDZeg6eQf7PYMIEclwmorTKK8GztsyOUSVBREA==",
+            "version": "2.13.2",
+            "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz",
+            "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==",
             "dev": true,
             "optional": true
         },
@@ -2977,9 +3019,9 @@
             }
         },
         "now-and-later": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.0.tgz",
-            "integrity": "sha1-vGHLtFbXnLMiB85HygUTb/Ln1u4=",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz",
+            "integrity": "sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==",
             "dev": true,
             "requires": {
                 "once": "^1.3.2"
@@ -3566,6 +3608,17 @@
                 "remove-trailing-separator": "^1.1.0"
             }
         },
+        "replacestream": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/replacestream/-/replacestream-4.0.3.tgz",
+            "integrity": "sha512-AC0FiLS352pBBiZhd4VXB1Ab/lh0lEgpP+GGvZqbQh8a5cmXVoTe5EX/YeTFArnp4SRGTHh1qCHu9lGs1qG8sA==",
+            "dev": true,
+            "requires": {
+                "escape-string-regexp": "^1.0.3",
+                "object-assign": "^4.0.1",
+                "readable-stream": "^2.0.2"
+            }
+        },
         "require-directory": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -3612,9 +3665,9 @@
             "dev": true
         },
         "resource-loader": {
-            "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.3.tgz",
-            "integrity": "sha512-SsxilncV7gxwr12clSq0E2HZh8QjcosVVSEAnZ3VF9VtBNNtO3UFxxXT9pJgkVEJUHAlXg26MkkTOMjyz1kDdw==",
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/resource-loader/-/resource-loader-2.2.4.tgz",
+            "integrity": "sha512-MrY0bEJN26us3h4bzJUSP0n4tFEb79lCpYBavtLjSezWCcXZMgxhSgvC9LxueuqpcxG+qPjhwFu5SQAcUNacdA==",
             "requires": {
                 "mini-signals": "^1.1.1",
                 "parse-uri": "^1.0.0"
@@ -3641,9 +3694,9 @@
             }
         },
         "semver": {
-            "version": "5.6.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz",
-            "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==",
+            "version": "5.7.0",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz",
+            "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
             "dev": true
         },
         "semver-greatest-satisfied-range": {
@@ -3853,9 +3906,9 @@
             }
         },
         "spdx-license-ids": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.3.tgz",
-            "integrity": "sha512-uBIcIl3Ih6Phe3XHK1NqboJLdGfwr1UN3k6wSD1dZpmPsIkb8AGNbZYJ1fOBk834+Gxy8rpfDxrS6XLEMZMY2g==",
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz",
+            "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==",
             "dev": true
         },
         "split-string": {
@@ -4052,6 +4105,12 @@
             "integrity": "sha1-KtNxaWKUmPylvIQkMJbTzeDsOjQ=",
             "dev": true
         },
+        "textextensions": {
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/textextensions/-/textextensions-2.4.0.tgz",
+            "integrity": "sha512-qftQXnX1DzpSV8EddtHIT0eDDEiBF8ywhFYR2lI9xrGtxqKN+CvLXhACeCIGbCpQfxxERbrkZEFb8cZcDKbVZA==",
+            "dev": true
+        },
         "through2": {
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -4175,9 +4234,9 @@
             "dev": true
         },
         "undertaker": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.2.0.tgz",
-            "integrity": "sha1-M52kZGJS0ILcN45wgGcpl1DhG0k=",
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.2.1.tgz",
+            "integrity": "sha512-71WxIzDkgYk9ZS+spIB8iZXchFhAdEo2YU8xYqBYJ39DIUIqziK78ftm26eecoIY49X0J2MLhG4hr18Yp6/CMA==",
             "dev": true,
             "requires": {
                 "arr-flatten": "^1.0.1",
@@ -4306,9 +4365,9 @@
             "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
         },
         "v8flags": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.1.2.tgz",
-            "integrity": "sha512-MtivA7GF24yMPte9Rp/BWGCYQNaUj86zeYxV/x2RRJMKagImbbv3u8iJC57lNhWLPcGLJmHcHmFWkNsplbbLWw==",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.1.3.tgz",
+            "integrity": "sha512-amh9CCg3ZxkzQ48Mhcb8iX7xpAfYJgePHxWMQCBWECpOSqJUXgY26ncA61UTV0BkPqfhcy6mzwCIoP4ygxpW8w==",
             "dev": true,
             "requires": {
                 "homedir-polyfill": "^1.0.1"

package.json

@@ -21,16 +21,15 @@
     "license": "LGPL-3.0-or-later",
     "devDependencies": {
         "@pixi/jsdoc-template": "^2.4.2",
-        "gulp": "^4.0.0",
+        "gulp": "^4.0.2",
         "gulp-concat": "^2.6.1",
         "gulp-rename": "^1.4.0",
+        "gulp-replace": "^1.0.0",
         "gulp-uglify": "^3.0.2"
     },
     "dependencies": {
-        "gsap": "^2.1.2",
+        "gsap": "^2.1.3",
         "hammerjs": "^2.0.8",
-        "highlight.js": "^9.15.6",
-        "material-design-icons": "^3.0.1",
         "optimal-select": "^4.0.1",
         "pixi-compressed-textures": "^1.1.8",
         "pixi-filters": "^2.7.1",