Fixed minor problems.

* 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/
-

.vscode/launch.json

@@ -0,0 +1,26 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceFolder}\\index.js"
+        },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "testrunner",
+            "program": "${workspaceFolder}\\bin\\testrunner.js"
+        },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "single",
+            "program": "${workspaceFolder}\\bin\\singleshot.js"
+        }
+    ]
+}

README.md

@@ -47,4 +47,4 @@ Afterwards you can view the documentation here:
 ## List of 3<sup>rd</sup> party libraries included
 
 - [PixiJS](http://www.pixijs.com)
-- [Greensock](https://greensock.com) with TweenLite
+- [Greensock](https://greensock.com) with TweenMax and TimelineMax

bin/README.md

@@ -0,0 +1,23 @@
+Testrunner prerequisites
+========================
+
+npm install puppeteer
+
+
+testrunner.js
+-------------
+start from iwmlib directory with node testrunner
+
+defined in package.json
+"testrunner": "node bin/testrunner.js"
+
+or in vscode, defined in launch.json like
+{
+    "type": "node",
+    "request": "launch",
+    "name": "testrunner",
+    "program": "${workspaceFolder}\\bin\\testrunner.js"
+}
+
+iterates all doctest.html files that are listed in index.html
+create a screenshot of all pages

bin/singleshot.js

@@ -0,0 +1,70 @@
+/**
+ * test one single page, make a screenshot and log errors to 
+ * console
+ * (c) 2019 - Leibniz-Insitut für Wissensmedien
+ * 
+ */
+const puppeteer = require('puppeteer');
+const fs = require("fs")
+const path = require("path")
+const start_dir = process.cwd()
+
+
+// const start_file = path.join(start_dir,"lib","frames.html")
+const start_file = path.join(start_dir,"lib","pixi","badge.html")
+
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+  }
+
+const events = ["error","pageerror"]
+function logPageEvent(event){
+    if(event !== undefined){
+         console.log(event.message)
+    }
+}
+
+async function makeScreenshot(href){
+    
+    const browser = await puppeteer.launch({
+        // headless: false,
+        // loglevel : 0,
+        args : [
+        '–allow-file-access-from-files',
+      ],});
+    const page = await browser.newPage();
+    
+    await page.setViewport({width: 1024,height : 624})
+    for (var i = 0; i < events.length; i++) {
+        page.on(events[i],logPageEvent)
+    }
+    page.once("load",logPageEvent)
+
+    // await Promise.all([ page.coverage.startJSCoverage() ]);
+    await page.goto(href)
+    // const jsCoverage = await Promise.all([ page.coverage.stopJSCoverage() ]);
+
+    const fname = path.parse(href).name
+
+    if (fname != "index"){
+        image_url = href.replace(fname + ".html" ,"thumbnails/" + fname + ".png")
+    }
+    else{
+        image_url = href.replace(fname + ".html" ,"thumbnail.png")
+    }
+    image_url = image_url.replace("file:///","")
+    console.log(image_url)
+    // console.log(jsCoverage)
+    
+    page.removeAllListeners()
+    
+    await page.screenshot({path: image_url});
+    await browser.close();
+}
+
+
+(async function(){
+
+        await makeScreenshot(start_file)
+    }
+)()

bin/testrunner.js

@@ -0,0 +1,109 @@
+/**
+ * 
+ * make screenshots and log errors to 
+ * console
+ * (c) 2019 - Leibniz-Insitut für Wissensmedien
+ * 
+ */
+
+const puppeteer = require('puppeteer');
+const fs = require("fs")
+const path = require("path")
+const start_dir = process.cwd()
+const start_file = path.join(start_dir,"lib","index.html")
+
+const start_file_uri = path.join("file:///", start_file )
+
+// define events and log them
+const events = ["error","pageerror"]
+function logPageEvent(event){
+    if (event !== undefined){
+     console.log(event.toString())
+    }
+}
+
+async function makeScreenshot(href){
+    
+    const browser = await puppeteer.launch({args: [
+        '–allow-file-access-from-files',
+      ],});
+
+    const page = await browser.newPage();
+    
+    await page.setViewport({width: 1024,height : 624})
+
+    // register events
+    for (var i = 0; i < events.length; i++) {
+        page.on(events[i],logPageEvent)
+    }
+    page.once("load",logPageEvent)
+
+    await page.goto(href)
+    const fname = path.parse(href).name
+
+    if (fname != "index"){
+        image_url = href.replace(fname + ".html" ,"thumbnails/" + fname + ".png")
+    }
+    else{
+        image_url = href.replace(fname + ".html" ,"thumbnail.png")
+    }
+    image_url = image_url.replace("file:///","")
+    
+    page.removeAllListeners()
+    
+    await page.screenshot({path: image_url});
+    await browser.close();
+}
+
+/**
+ * 
+ * collect all navigational links in all documents
+ *  
+ * */ 
+
+async function collectLinks(href,reflist)
+{
+    const browser = await puppeteer.launch();
+    const page = await browser.newPage();
+
+
+    await page.goto(href)
+    let hrefs = await page.$$('a.wrapper')
+    
+    for (var i=0; i < hrefs.length; i++) {
+        let hrefValue = await hrefs[i].getProperty('href')
+        let linkText = await hrefValue.jsonValue();
+        if (!linkText.startsWith("file:"))
+        { 
+            continue;
+        }
+        if(linkText.endsWith("#")) continue;
+        if(linkText.endsWith("index.html")){
+            await collectLinks(linkText,reflist)
+        }
+        reflist.push(linkText)
+    }
+
+    await browser.close()
+}
+
+(async function(){
+    var reflist = []
+    let linkText = "file:///" + start_file.replace(/\\/g,"/")
+    reflist.push(linkText)
+    await collectLinks(start_file_uri,reflist)
+
+    // sort by path length to get depth first
+    reflist.sort(function(a,b){
+        let al = a.split("/").length
+        let bl = b.split("/").length
+
+        if (al < bl)  {return  1 }
+        if (al > bl)  {return -1 }
+        if (al == bl) {return  0 }
+    })
+    for (var i=0;i<reflist.length; i++) {
+        await makeScreenshot(reflist[i])
+        console.log(i,reflist[i])
+    }
+})()

css/flipeffect.css

@@ -0,0 +1,73 @@
+
+.flipWrapper
+{
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+/* Fix to render
+.flipWrapper > div:first-child{
+    z-index: 1;
+} */
+
+.flipCard {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+
+     /*** See: https://stackoverflow.com/questions/7439042/css-js-to-prevent-dragging-of-ghost-image ***/
+    /* -webkit-user-drag: none;
+    -khtml-user-drag: none;
+    -moz-user-drag: none;
+    -o-user-drag: none;
+    user-drag: none; */
+}
+
+.flipFace{
+    box-shadow: 2px 2px 10px #000;
+    visibility: hidden;
+}
+
+.front{
+    width: 100%;
+    height: 100%;
+    position:absolute;
+    background-color:#333;
+}
+
+.back{
+    background-color:#333;
+    position:absolute;
+    border: 8px solid white;
+}
+
+.closeBtn {
+    transform-origin: top right;
+    position: absolute;
+    width: 44px;
+    height: 44px;
+    padding: 4px;
+    right: 0px;
+    top: 0px;
+}
+
+.infoBtn {
+    transform-origin: bottom right;
+    position: fixed;
+    width: 44px;
+    height: 44px;
+    padding: 4px;
+    right: 0px;
+    bottom: 0px;
+}
+
+.backBtn {
+    transform-origin: bottom right;
+    position: fixed;
+    width: 44px;
+    height: 44px;
+    padding: 4px;
+    right: 0px;
+    bottom: 0px;
+}

css/index.css

@@ -0,0 +1,167 @@
+html {
+    height: 100%;
+    width: 100%;
+    margin: 0px;
+}
+
+body
+{
+    margin: 0px;
+    padding: 0px;
+    width: 100%;
+    height: 100%;
+    font-family: sans-serif;
+    font-size: 22pt;
+    -webkit-tap-highlight-color: #ccc;
+    background-color: #DDD;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-overflow-scrolling: auto;
+    user-select: none;
+    -webkit-hyphens: auto;
+    hyphens: auto;
+    /* https://davidwalsh.name/font-smoothing */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+}
+
+h3
+{
+    color: white;
+    padding: 4px;
+    margin: 2px;
+    background-color: rgba(0, 0, 15, .5);
+}
+
+a { text-decoration: none; }
+
+div.wrapper
+{
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    transform-origin: 0% 100%;
+    transform: scale(0.25);
+}
+
+/* Color animation from https://www.tjvantoll.com/2012/02/20/css3-color-animations/ */
+@-webkit-keyframes color_change {
+  from { background-color: rgba(0, 0, 0, 0); }
+  to { background-color: red; }
+}
+@-moz-keyframes color_change {
+  from { background-color: rgba(0, 0, 0, 0); }
+  to { background-color: red; }
+}
+@-ms-keyframes color_change {
+  from { background-color: rgba(0, 0, 0, 0); }
+  to { background-color: red; }
+}
+@-o-keyframes color_change {
+  from { background-color: rgba(0, 0, 0, 0); }
+  to { background-color: red; }
+}
+@keyframes color_change {
+  from { background-color:rgba(0, 0, 0, 0); }
+  to { background-color: red; }
+}
+
+/*** CSS taken from https://medium.com/@jamesfuthey/simulating-the-creation-of-website-thumbnail-screenshots-using-iframes-7145269891db#.7v7fshos5 ***/
+.thumbnail
+{
+    position: relative;
+    -ms-zoom: 0.25;
+    -moz-transform: scale(0.25);
+    -moz-transform-origin: 0 0;
+    -o-transform: scale(0.25);
+    -o-transform-origin: 0 0;
+    -webkit-transform: scale(0.25);
+    -webkit-transform-origin: 0 0;
+}
+
+
+.thumbnail:after
+{
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: -1024px; /*** This is a deviation from the above mentioned
+    jamesfuthey blog. Otherwise touches would go through on iPad. ***/
+}
+
+.thumbnail iframe
+{
+    width: 1024px;
+    height: 624px;
+     -webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
+    animation-delay: 3s;
+    -webkit-animation: color_change 1s infinite alternate;
+    -moz-animation: color_change 1s infinite alternate;
+    -ms-animation: color_change 1s infinite alternate;
+    -o-animation: color_change 1s infinite alternate;
+    animation: color_change 1s infinite alternate;
+}
+
+.thumbnail-container
+{
+    width: calc(1024px * 0.25);
+    height: calc(624px * 0.25);
+    display: inline-block;
+    overflow: hidden;
+    position: relative;
+    box-shadow: 2px 2px 10px #000;
+    color: #DDD;
+}
+
+div.preview
+{
+    display: inline-block;
+    margin: 22px;
+    padding: 0px;
+    color: #333;
+    font-size: 12pt;
+    text-align: center;
+    width: 256px;
+    height: 196px;
+}
+
+div.title
+{
+    padding-top: 8px;
+    width: 256px;
+    height: 20px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.container
+{
+    margin: 0px;
+    padding: 0px;
+    border: 2pt #000;
+    min-height: 100%;
+    min-width: 100%;
+    display: -webkit-flex;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-align-content: flex-end;
+    align-content: flex-end;
+}
+
+iframe {
+   pointer-events: none;
+}
+
+/** See https://github.com/electron/electron/issues/4420 */
+::selection {
+    background: transparent;
+}
+

dist/iwmlib.js

@@ -1545,6 +1545,30 @@
 
     }
 
+    let ipc = null;
+
+    try {
+        ipc = require('electron').ipcRenderer;
+    } catch (e) {}
+
+    /** Basic class for app specific logging requirements.
+     * Can be used to implement persistent logging in electron apps.
+     */
+    class Logging {
+
+        /** Static log function.
+         * @param {*} message
+         */
+        static log(message) {
+
+            if (ipc) {
+                ipc.send('log', message);
+            } else {
+                console.log(message);
+            }
+        }
+    }
+
     /* globals Hammer, propagating */
 
     /** Interaction patterns
@@ -1663,12 +1687,23 @@
     }
 
     class InteractionDelta {
-        constructor(x, y, zoom, rotate, about) {
+        /**
+         *Creates an instance of InteractionDelta.
+         * @param {*} x
+         * @param {*} y
+         * @param {*} zoom
+         * @param {*} rotate
+         * @param {*} about
+         * @param {*} number - number of involved pointer
+         * @memberof InteractionDelta
+         */
+        constructor(x, y, zoom, rotate, about, number) {
             this.x = x;
             this.y = y;
             this.zoom = zoom;
             this.rotate = rotate;
             this.about = about;
+            this.number = number;
         }
 
         toString() {
@@ -1742,16 +1777,13 @@
                 let p1 = this.previous.get(c1.key);
                 let p2 = this.previous.get(c2.key);
 
-                //let p1 = previous[0]
-                //let p2 = previous[1]
-
                 let d1 = Points.subtract(c1, p1);
                 let d2 = Points.subtract(c2, p2);
                 let cm = Points.mean(c1, c2);
-                //let pm = Points.mean(p1, p2)
-                // UO: Using the mean lead to jumps between time slices with 3 and 2 fingers
+                
+                // Using the mean leads to jumps between time slices with 3 and 2 fingers
                 // We use the mean of deltas instead
-                let delta = Points.mean(d1, d2); //Points.subtract(cm, pm)
+                let delta = Points.mean(d1, d2); 
                 let zoom = 1.0;
                 let distance1 = Points.distance(p1, p2);
                 let distance2 = Points.distance(c1, c2);
@@ -1761,13 +1793,14 @@
                 let currentAngle = Points.angle(c1, c2);
                 let previousAngle = Points.angle(p1, p2);
                 let alpha = this.diffAngle(currentAngle, previousAngle);
-                return new InteractionDelta(delta.x, delta.y, zoom, alpha, cm)
+                return new InteractionDelta(delta.x, delta.y, zoom, alpha, cm, csize)
             } else if (csize == 1 && psize == 1 && this.current.firstKey() == this.previous.firstKey()) {
-                // We need to ensure that the keys are the same
+                // We need to ensure that the keys are the same, since single points with different keys
+                // can jump
                 let current = this.current.first();
                 let previous = this.previous.first();
                 let delta = Points.subtract(current, previous);
-                return new InteractionDelta(delta.x, delta.y, 1.0, 0.0, current)
+                return new InteractionDelta(delta.x, delta.y, 1.0, 0.0, current, csize)
             }
             return null
         }
@@ -1904,7 +1937,7 @@
         registerTap(key, point) {
             if (this.tapCounts.has(key)) {
                 let count = this.tapCounts.get(key);
-                this.tapCounts.set(key, count+1);
+                this.tapCounts.set(key, count + 1);
             }
             else {
                 this.tapCounts.set(key, 1);
@@ -1954,7 +1987,7 @@
             }
             let result = false;
             if (this.isTap(key)) {
-                
+
                 this.registerTap(key, ended);
                 result = this.tapCounts.get(key) == 2;
             }
@@ -2095,7 +2128,7 @@
                 element.addEventListener(
                     'pointerup',
                     e => {
-                        if (this.debug) console.log('pointerup');
+                        if (this.debug) console.log('pointerup', e.pointerId, e.pointerType);
                         this.onEnd(e);
                         if (this.capturePointerEvents) {
                             try {
@@ -2108,7 +2141,7 @@
                 element.addEventListener(
                     'pointercancel',
                     e => {
-                        if (this.debug) console.log('pointercancel');
+                        if (this.debug) console.log('pointercancel', e.pointerId, e.pointerType);
                         this.onEnd(e);
                         if (this.capturePointerEvents)
                             element.releasePointerCapture(e.pointerId);
@@ -2120,7 +2153,7 @@
                     element.addEventListener(
                         'pointerleave',
                         e => {
-                            if (this.debug) console.log('pointerleave');
+                            if (this.debug) console.log('pointerleave', e.pointerId, e.pointerType);
                             if (e.target == element) this.onEnd(e);
                         },
                         useCapture
@@ -2131,7 +2164,7 @@
                     element.addEventListener(
                         'pointerout',
                         e => {
-                            if (this.debug) console.log('pointerout');
+                            if (this.debug) console.log('pointerout', e.pointerId, e.pointerType);
                             if (e.target == element) this.onEnd(e);
                         },
                         useCapture
@@ -2142,8 +2175,9 @@
                     window.addEventListener(
                         'pointerout',
                         e => {
+                            if (this.debug) console.log('pointerout', e.pointerId, e.pointerType, e.target);
                             if (e.target == element) {
-                                this.onEnd(e);
+                               this.onEnd(e);
                             }
                         },
                         useCapture);
@@ -2302,6 +2336,8 @@
         onMouseWheel(event) {
             if (this.capture(event) && this.target.onMouseWheel) {
                 this.target.onMouseWheel(event);
+            } else {
+                //console.warn('Target has no onMouseWheel callback')
             }
         }
 
@@ -2450,9 +2486,10 @@
         constructor(
             element,
             target,
-            { tapDistance = 10, longPressTime = 500.0, useCapture = true, mouseWheelElement = null } = {}
+            { tapDistance = 10, longPressTime = 500.0, useCapture = true, mouseWheelElement = null, logInteractionsAbove = 12 } = {}
         ) {
             super(element, target, { tapDistance, useCapture, longPressTime, mouseWheelElement });
+            this.logInteractionsAbove = logInteractionsAbove;
         }
 
         get targetInterface() {
@@ -2474,6 +2511,11 @@
                     this.interaction.addTarget(key, found);
                 }
             }
+            let size = this.interaction.current.size;
+            let limit = this.logInteractionsAbove;
+            if (size > limit) {
+                Logging.log(`Number of interactions ${size} exceeds ${limit}`);
+            }
         }
 
         onMouseWheel(event) {
@@ -2489,6 +2531,8 @@
                 }
                 if (this.target.onMouseWheel) {
                     this.target.onMouseWheel(event);
+                } else {
+                    //console.warn('Target has no onMouseWheel callback', this.target)
                 }
             }
         }
@@ -2664,10 +2708,26 @@
         /**
          * Distincts if the app is running inside electron or not.
          * 
-         * source: https://discuss.atom.io/t/detect-electron-or-web-page-running/33180/3
+         * source: https://github.com/cheton/is-electron
          */
         static get isElectron() {
-            return typeof process != 'undefined' && process.versions && process.versions.electron !== undefined
+
+            // Renderer process
+            if (typeof window !== 'undefined' && typeof window.process === 'object' && window.process.type === 'renderer') {
+                return true
+            }
+
+            // Main process
+            if (typeof process !== 'undefined' && typeof process.versions === 'object' && !!process.versions.electron) {
+                return true
+            }
+
+            // Detect the user agent when the `nodeIntegration` option is set to true
+            if (typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.indexOf('Electron') >= 0) {
+                return true
+            }
+
+            return false
         }
 
         /** Returns the display resolution. Necessary for retina displays.
@@ -2893,7 +2953,9 @@
             this.lastframe = t;
             if (dt > 0) {
                 // Avoid division by zero errors later on
-                let velocity = { t: t, dt: dt, dx: delta.x, dy: delta.y };
+                // and consider the number of involved pointers sind addVelocity will be called by the
+                // onMove events
+                let velocity = { t: t, dt: dt, dx: delta.x / delta.number, dy: delta.y / delta.number};
                 this.velocities.push(velocity);
                 while (this.velocities.length > buffer) {
                     this.velocities.shift();
@@ -2902,7 +2964,7 @@
         }
 
         meanVelocity(milliseconds = 30) {
-            this.addVelocity({ x: 0, y: 0 });
+            this.addVelocity({ x: 0, y: 0, number: 1 });
             let sum = { x: 0, y: 0 };
             let count = 0;
             let t = 0;
@@ -3174,7 +3236,9 @@
 
         keepOnStage(velocity, collision = 0.5) {
             let stagePolygon = this.containerPolygon;
-            if (!stagePolygon) return
+            // UO: since keepOnStage is called in nextVelocity we need to 
+            // ensure a return value
+            if (!stagePolygon) return { x: 0, y: 0}
             let polygon = this.polygon;
             let bounced = this.bouncing();
             if (bounced) {
@@ -4142,7 +4206,10 @@
                 let event = new ResizeEvent(this, { width: w, height: h });
                 this.onResize(event);
             }
-            if (this.resizeButton != null) ;
+            if (this.resizeButton != null) {
+                // this.resizeButton.style.width = 50/this.scale+"px"
+                // this.resizeButton.style.height = 50/this.scale+"px"
+            }
         }
 
         startResize(e) {
@@ -4898,11 +4965,13 @@
                 //console.log("iconSrc", iconSrc)
                 if (iconSrc.endsWith('index.png')) {
                     icon.src = iconSrc.replace('index.png', 'thumbnail.png');
-                } else if (iconSrc.endsWith('test.png')) {
-                    icon.src = iconSrc.replace('test.png', 'thumbnail.test.png');
-                } else {
+                } 
+                else {
                     icon.src = 'thumbnails/' + iconSrc;
                 }
+
+                // icon.src = 'thumbnails/' + iconSrc
+                // console.log(iconSrc)
                 wrapper.href = src;
                 let titleDiv = wrapper.querySelector('.title');
                 titleDiv.innerText = title;
@@ -7357,6 +7426,7 @@
     window.InteractionMapper = InteractionMapper$1;
     window.InteractionPoints = InteractionPoints;
     window.Interface = Interface;
+    window.Logging = Logging;
     window.PointMap = PointMap;
     window.Rect = Rect;
     window.Points = Points;

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  ">
                 
@@ -1610,7 +1864,7 @@ export class DeepZoomImage extends PIXI.Container {
             this.minimumLevel = deepZoomInfo.baseLevel
         }
         this.currentLevel = Math.max(this.minimumLevel, deepZoomInfo.baseLevel)
-        console.log("autoLoadTiles", this.autoLoadTiles)
+        //console.log("autoLoadTiles", this.autoLoadTiles)
         if (this.autoLoadTiles) {
             this.setupTiles(center)
         }
@@ -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,23 +2,27 @@ 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',
         './node_modules/pixi-filters/dist/pixi-filters.js',
         './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',
+        './node_modules/gsap/src/uncompressed/TweenMax.js',
+        './node_modules/gsap/src/uncompressed/TimelineMax.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 +31,11 @@ function vendors() {
 
 function preload() {
     return src([
-        './node_modules/highlight.js/lib/highlight.js',
-        './node_modules/gsap/src/uncompressed/TweenLite.js',
+        './node_modules/gsap/src/uncompressed/TweenMax.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/app.html

@@ -1,55 +1,54 @@
 <!doctype html>
 <html lang="en">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
-	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="all.js"></script>
-  <!--   <script type="text/javascript" src="interface.js"></script> -->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <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.js"></script>
+    <!--   <script type="text/javascript" src="interface.js"></script> -->
 </head>
-<body onload="Doctest.run()" >
-<h1>
-	Application
-</h1>
-<p>
-    IWM Browser Applications follow a common three phase pattern, shared by
-    many programming environments as diverse as Processing, Arduino, Intern, etc.
-    <ul>
-        <li>Instantiate: Initialize the application, in this case a singleton and it's instance variables</li>
-        <li>Setup: Build more complex parts of the application, by loading data, creating the UI...</li>
-        <li>Run: Enter and run the main loop of the application.</li>
-    </ul>
-    This pattern is reflected by the IApp Interface:
-</p>
+
+<body onload="Doctest.run()">
+    <h1>
+        Application
+    </h1>
+    <p>
+        IWM Browser Applications follow a common three phase pattern, shared by many programming environments as diverse as Processing, Arduino, Intern, etc.
+        <ul>
+            <li>Instantiate: Initialize the application, in this case a singleton and it's instance variables</li>
+            <li>Setup: Build more complex parts of the application, by loading data, creating the UI...</li>
+            <li>Run: Enter and run the main loop of the application.</li>
+        </ul>
+        This pattern is reflected by the IApp Interface:
+    </p>
     <pre><code class="js">
 class IApp extends Interface {
     setup() { return this }
     run() { return this }
 }
 </code></pre>
-<p>In practice the pattern may be more complex, because the setup phase can only be entered
-after loading things, a main loop cannot be entered because requirements are not met, etc.
-But the basic structure is always the same:
-</p>
-<script type="module" class="doctest">
-    console.log("Innerhalb script type=module")
-    import App from "./app.js"
-    const app = new App()
-    app.setup()
-    app.run()
-    window.app = app
-</script>
-<p>The setup and run methods can also be chained:
-</p>
-<script type="module" class="doctest">
-    app.setup().run()
-</script>
+    <p>In practice the pattern may be more complex, because the setup phase can only be entered after loading things, a main loop cannot be entered because requirements are not met, etc. But the basic structure is always the same:
+    </p>
+    <script type="module" class="doctest">
+        console.log("Innerhalb script type=module") 
+        import App from "./app.js" 
+        const app = new App() 
+        app.setup()
+        app.run()
+        window.app = app
+    </script>
+    <p>The setup and run methods can also be chained:
+    </p>
+    <script type="module" class="doctest">
+        app.setup().run()
+    </script>
 
-<h2>
-References
-</h2>
-<ul>
-    <li><a href="https://theintern.github.io/intern/#common-config">Intern. Software testing for humans</a></li>
- </ul>
-</body>
+    <h2>
+        References
+    </h2>
+    <ul>
+        <li><a href="https://theintern.github.io/intern/#common-config">Intern. Software testing for humans</a></li>
+    </ul>
+</body>

lib/bundle.js

@@ -5,6 +5,7 @@ import Events from './events.js'
 import {DOMFlip, DOMFlippable, CardLoader, PDFLoader, ImageLoader, FrameLoader, HTMLLoader} from './flippable.js'
 import Index from './index.js'
 import Interface from './interface.js'
+import Logging from './logging.js'
 import Poppable from './poppable.js'
 import PopupMenu from './popupmenu.js'
 import Popup from './popup.js'
@@ -60,6 +61,7 @@ window.InteractionDelta = InteractionDelta
 window.InteractionMapper = InteractionMapper
 window.InteractionPoints = InteractionPoints
 window.Interface = Interface
+window.Logging = Logging
 window.PointMap = PointMap
 window.Rect = Rect
 window.Points = Points

lib/capabilities.html

@@ -3,10 +3,10 @@
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Doctests Capabilities</title>
-    <link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../css/doctest.css">
-    <script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script type="text/javascript" src="all.js"></script>
+    <script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script type="text/javascript" src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run(); CapabilitiesTests.testAll()">
 <main>

lib/capabilities.js

@@ -37,10 +37,26 @@ export class Capabilities {
     /**
      * Distincts if the app is running inside electron or not.
      * 
-     * source: https://discuss.atom.io/t/detect-electron-or-web-page-running/33180/3
+     * source: https://github.com/cheton/is-electron
      */
     static get isElectron() {
-        return typeof process != 'undefined' && process.versions && process.versions.electron !== undefined
+
+        // Renderer process
+        if (typeof window !== 'undefined' && typeof window.process === 'object' && window.process.type === 'renderer') {
+            return true
+        }
+
+        // Main process
+        if (typeof process !== 'undefined' && typeof process.versions === 'object' && !!process.versions.electron) {
+            return true
+        }
+
+        // Detect the user agent when the `nodeIntegration` option is set to true
+        if (typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.indexOf('Electron') >= 0) {
+            return true
+        }
+
+        return false
     }
 
     /** Returns the display resolution. Necessary for retina displays.

lib/coordinates.html

@@ -4,11 +4,11 @@
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Coordinates Doctest</title>
-    <link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+    <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="./3rdparty/all.js"></script>
-    <script src="all.js"></script>
+    <script src="../dist/iwmlib.3rdparty.js"></script>
+    <script src="../dist/iwmlib.js"></script>
     <script>
         function drawPolygons() {
             canvas.width = main.getBoundingClientRect().width

lib/doctest.html

@@ -3,11 +3,11 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Doctests</title>
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-	<script src="../lib/3rdparty/all.js"></script>
-	<script src="all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../dist/iwmlib.3rdparty.js"></script>
+    <script src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run()">
 <main>

lib/electron.html

@@ -3,11 +3,11 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Electron Node.js Test</title>
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-	<script src="../lib/3rdparty/all.js"></script>
-	<script src="all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+	<script src="./3rdparty/all.js"></script>
+	<script src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run()">
 <main>

lib/events.html

@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../lib/3rdparty/all.js"></script>
-	<script src="all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../dist/iwmlib.3rdparty.js"></script>
+	<script src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run()" >
 <h1>

lib/examples/memory/index.html

@@ -50,7 +50,7 @@
         }
     </style>
 
-    <script type="text/javascript" src="../../../lib/3rdparty/all.js"></script>
+    <script type="text/javascript" src="../.././3rdparty/all.js"></script>
     <script type="text/javascript" src="../../../lib/pixi/all.js"></script>
     <script type="text/javascript" src="../../../lib/all.js"></script>
 </head>

lib/examples/multitouch.html

@@ -50,9 +50,9 @@
         }
     </style>
 
-    <script type="text/javascript" src="../../lib/3rdparty/all.js"></script>
-    <script type="text/javascript" src="../../lib/pixi/all.js"></script>
-    <script type="text/javascript" src="../../lib/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 class="site" onload="loaded()">

lib/flippable.html

@@ -3,11 +3,11 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Flippable Doctest</title>
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../lib/3rdparty/all.js"></script>
-	<script src="./all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../dist/iwmlib.3rdparty.js"></script>
+	<script src="../dist/iwmlib.js"></script>
 
     <link rel="stylesheet" href="../css/flipeffect.css">
 	<template id="flipTemplate">

lib/frames.html

@@ -3,11 +3,12 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no" />
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../lib/3rdparty/all.js"></script>
-	<script src="all.js"></script>
+    <script src="./3rdparty/highlight/highlight.pack.js"></script>
+    
+    <script src="../dist/iwmlib.3rdparty.js"></script>
+	<script src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run()" >
 <h1>

lib/imageloader.html

@@ -2,13 +2,13 @@
 <html lang="en">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
 
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../lib/3rdparty/all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="./3rdparty/all.js"></script>
 
-	<script src="all.js"></script>
+	<script src="../dist/iwmlib.js"></script>
 
 </head>
 <body onload="Doctest.run()" >

lib/index.html

@@ -1,10 +1,16 @@
-<html>
+<!doctype html>
+<html lang="en">
 <head>
-	<title>Lib Doctests</title>
+    <title>Lib Doctests</title>
+    <meta charset="utf-8"/>
 	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
     <link rel="stylesheet" href="../css/index.css">
-    <script src="all.js"></script>
+
+    <!-- following not necc for index.js included in iwmlib.js -->
+    <!-- <script src="./index.js"></script> -->
+    
+    <script src="../dist/iwmlib.js"></script>
 
     <template id="itemTemplate">
         <a class="wrapper" href="">

lib/index.js

@@ -30,11 +30,13 @@ export default class Index {
             //console.log("iconSrc", iconSrc)
             if (iconSrc.endsWith('index.png')) {
                 icon.src = iconSrc.replace('index.png', 'thumbnail.png')
-            } else if (iconSrc.endsWith('test.png')) {
-                icon.src = iconSrc.replace('test.png', 'thumbnail.test.png')
-            } else {
+            } 
+            else {
                 icon.src = 'thumbnails/' + iconSrc
             }
+
+            // icon.src = 'thumbnails/' + iconSrc
+            // console.log(iconSrc)
             wrapper.href = src
             let titleDiv = wrapper.querySelector('.title')
             titleDiv.innerText = title

lib/inspect.html

@@ -2,10 +2,10 @@
 <html lang="en">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run(); test()" >
 <h1>

lib/interaction.html

@@ -3,11 +3,11 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Interaction Mapper Doctest</title>
-	<link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../css/doctest.css">
-	<script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="all.js"></script>
-    <script src="./3rdparty/all.js"></script>
+	<script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../dist/iwmlib.js"></script>
+    <script src="../dist/iwmlib.3rdparty.js"></script>
 </head>
 <body onload="Doctest.run()" >
 <h1>

lib/interaction.js

@@ -4,6 +4,7 @@
 import Interface from './interface.js'
 import { Points, Angle, MapProxy } from './utils.js'
 import Events from './events.js'
+import Logging from './logging.js'
 
 /** Interaction patterns
 
@@ -121,12 +122,23 @@ export class PointMap extends MapProxy {
 }
 
 export class InteractionDelta {
-    constructor(x, y, zoom, rotate, about) {
+    /**
+     *Creates an instance of InteractionDelta.
+     * @param {*} x
+     * @param {*} y
+     * @param {*} zoom
+     * @param {*} rotate
+     * @param {*} about
+     * @param {*} number - number of involved pointer
+     * @memberof InteractionDelta
+     */
+    constructor(x, y, zoom, rotate, about, number) {
         this.x = x
         this.y = y
         this.zoom = zoom
         this.rotate = rotate
         this.about = about
+        this.number = number
     }
 
     toString() {
@@ -200,16 +212,13 @@ export class InteractionPoints {
             let p1 = this.previous.get(c1.key)
             let p2 = this.previous.get(c2.key)
 
-            //let p1 = previous[0]
-            //let p2 = previous[1]
-
             let d1 = Points.subtract(c1, p1)
             let d2 = Points.subtract(c2, p2)
             let cm = Points.mean(c1, c2)
-            //let pm = Points.mean(p1, p2)
-            // UO: Using the mean lead to jumps between time slices with 3 and 2 fingers
+            
+            // Using the mean leads to jumps between time slices with 3 and 2 fingers
             // We use the mean of deltas instead
-            let delta = Points.mean(d1, d2) //Points.subtract(cm, pm)
+            let delta = Points.mean(d1, d2) 
             let zoom = 1.0
             let distance1 = Points.distance(p1, p2)
             let distance2 = Points.distance(c1, c2)
@@ -219,13 +228,14 @@ export class InteractionPoints {
             let currentAngle = Points.angle(c1, c2)
             let previousAngle = Points.angle(p1, p2)
             let alpha = this.diffAngle(currentAngle, previousAngle)
-            return new InteractionDelta(delta.x, delta.y, zoom, alpha, cm)
+            return new InteractionDelta(delta.x, delta.y, zoom, alpha, cm, csize)
         } else if (csize == 1 && psize == 1 && this.current.firstKey() == this.previous.firstKey()) {
-            // We need to ensure that the keys are the same
+            // We need to ensure that the keys are the same, since single points with different keys
+            // can jump
             let current = this.current.first()
             let previous = this.previous.first()
             let delta = Points.subtract(current, previous)
-            return new InteractionDelta(delta.x, delta.y, 1.0, 0.0, current)
+            return new InteractionDelta(delta.x, delta.y, 1.0, 0.0, current, csize)
         }
         return null
     }
@@ -362,7 +372,7 @@ export class Interaction extends InteractionPoints {
     registerTap(key, point) {
         if (this.tapCounts.has(key)) {
             let count = this.tapCounts.get(key)
-            this.tapCounts.set(key, count+1)
+            this.tapCounts.set(key, count + 1)
         }
         else {
             this.tapCounts.set(key, 1)
@@ -412,7 +422,7 @@ export class Interaction extends InteractionPoints {
         }
         let result = false
         if (this.isTap(key)) {
-            
+
             this.registerTap(key, ended)
             result = this.tapCounts.get(key) == 2
         }
@@ -553,7 +563,7 @@ export class InteractionDelegate {
             element.addEventListener(
                 'pointerup',
                 e => {
-                    if (this.debug) console.log('pointerup')
+                    if (this.debug) console.log('pointerup', e.pointerId, e.pointerType)
                     this.onEnd(e)
                     if (this.capturePointerEvents) {
                         try {
@@ -566,7 +576,7 @@ export class InteractionDelegate {
             element.addEventListener(
                 'pointercancel',
                 e => {
-                    if (this.debug) console.log('pointercancel')
+                    if (this.debug) console.log('pointercancel', e.pointerId, e.pointerType)
                     this.onEnd(e)
                     if (this.capturePointerEvents)
                         element.releasePointerCapture(e.pointerId)
@@ -578,7 +588,7 @@ export class InteractionDelegate {
                 element.addEventListener(
                     'pointerleave',
                     e => {
-                        if (this.debug) console.log('pointerleave')
+                        if (this.debug) console.log('pointerleave', e.pointerId, e.pointerType)
                         if (e.target == element) this.onEnd(e)
                     },
                     useCapture
@@ -589,7 +599,7 @@ export class InteractionDelegate {
                 element.addEventListener(
                     'pointerout',
                     e => {
-                        if (this.debug) console.log('pointerout')
+                        if (this.debug) console.log('pointerout', e.pointerId, e.pointerType)
                         if (e.target == element) this.onEnd(e)
                     },
                     useCapture
@@ -600,8 +610,9 @@ export class InteractionDelegate {
                 window.addEventListener(
                     'pointerout',
                     e => {
+                        if (this.debug) console.log('pointerout', e.pointerId, e.pointerType, e.target)
                         if (e.target == element) {
-                            this.onEnd(e)
+                           this.onEnd(e)
                         }
                     },
                     useCapture)
@@ -910,9 +921,10 @@ export class InteractionMapper extends InteractionDelegate {
     constructor(
         element,
         target,
-        { tapDistance = 10, longPressTime = 500.0, useCapture = true, mouseWheelElement = null } = {}
+        { tapDistance = 10, longPressTime = 500.0, useCapture = true, mouseWheelElement = null, logInteractionsAbove = 12 } = {}
     ) {
         super(element, target, { tapDistance, useCapture, longPressTime, mouseWheelElement })
+        this.logInteractionsAbove = logInteractionsAbove
     }
 
     get targetInterface() {
@@ -934,6 +946,11 @@ export class InteractionMapper extends InteractionDelegate {
                 this.interaction.addTarget(key, found)
             }
         }
+        let size = this.interaction.current.size
+        let limit = this.logInteractionsAbove
+        if (size > limit) {
+            Logging.log(`Number of interactions ${size} exceeds ${limit}`)
+        }
     }
 
     onMouseWheel(event) {

lib/interface.html

@@ -2,10 +2,10 @@
 <html lang="en">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href="./3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../css/doctest.css">
-    <script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="all.js"></script>
+    <script src="./3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../dist/iwmlib.js"></script>
 </head>
 <body onload="Doctest.run()" >
 <h1>

lib/logging.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Logging Doctest</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <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>
+</head>
+
+<body id="page" onload="Doctest.run()">
+    <h1>
+        Logging
+    </h1>
+    <p>Store informations of your app permanently.</p>
+    <script class="doctest">
+        Logging.log('app started')
+    </script>
+</body>

lib/logging.js

@@ -0,0 +1,23 @@
+let ipc = null
+
+try {
+    ipc = require('electron').ipcRenderer
+} catch (e) {}
+
+/** Basic class for app specific logging requirements.
+ * Can be used to implement persistent logging in electron apps.
+ */
+export default class Logging {
+
+    /** Static log function.
+     * @param {*} message
+     */
+    static log(message) {
+
+        if (ipc) {
+            ipc.send('log', message)
+        } else {
+            console.log(message)
+        }
+    }
+}

lib/pixi/app-resolution.html

@@ -5,14 +5,14 @@
 
     <title>PIXI Application Resolution Doctest</title>
 
-    <link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../../css/doctest.css">
 
-    <script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+    <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.pixi.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 
     <style>
         #dpi {

lib/pixi/app.html

@@ -5,14 +5,14 @@
 
     <title>PIXI Application Doctest</title>
 
-    <link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../../css/doctest.css">
 
-    <script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+    <script src=".././3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Application</h1>

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/application.html

@@ -5,7 +5,10 @@
 
     <title>PIXI.Application Doctest</title>
 
-    <script src="../3rdparty/pixi/pixi.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
+
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body>
     <h1>PIXI.Application with nothing!</h1>

lib/pixi/badge.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Badge</h1>

lib/pixi/blurfilter.html

@@ -5,14 +5,14 @@
 
     <title>PIXI BlurFilter</title>
 
-    <link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../../css/doctest.css">
 
-    <script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+    <script src=".././3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>BlurFilter</h1>

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/button.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Button</h1>

lib/pixi/buttongroup.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>ButtonGroup</h1>

lib/pixi/coordinates.html

@@ -4,13 +4,13 @@
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>PIXI Coordinates Doctest</title>
-    <link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../../css/doctest.css">
-    <script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+    <script src=".././3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 
 <body onload="Doctest.run()">

lib/pixi/deepzoom/deepzoom.html

@@ -0,0 +1,219 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+    <title>DeepZoomImage Doctests</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>
+
+    <style>
+        #app {
+            display: table;
+            margin: 0 auto;
+        }
+
+        #app > * {
+            margin-bottom: 5px;
+        }
+    </style>
+</head>
+
+<body onload="Doctest.run()">
+    <h1>Double DeepZoomImage</h1>
+    <p>
+        The main class of a deeply zoomable image that is represented by a hierarchy of tile layers for each zoom level. This gives
+        the user the impression that even huge pictures (up to gigapixel-images) can be zoomed instantaneously, since the
+        tiles at smaller levels are scaled immediately and overloaded by more detailed tiles at the larger level as fast
+        as possible.
+    </p>
+    <br />
+    <div id="div1" style="float: left;"></div>
+    <div id="div2" style="float: right;"></div>
+    <div style="clear: left; margin-top: 540px;" />
+    <script class="doctest">
+
+        // deepZoom
+        //--------------------
+        const deepZoomInfo = new DeepZoomInfo({
+            "tileSize": 128,
+            "format": "jpg",
+            "overlap": 0,
+            "type": "map",
+            "height": 4096,
+            "width": 4096,
+            "path": "../assets/maps/test",
+            "urlTileTemplate": "{path}/{level}/{column}/{row}.{format}"
+        })
+        // const deepZoomInfo = new DeepZoomInfo({
+        //     compression: [
+        //         "dds"
+        //     ],
+        //     clip: {
+        //         minLevel: 12,
+        //         maxLevel: 20,
+        //         startCol: 275215,
+        //         startRow: 181050,
+        //         bounds: {
+        //             min: [48.458353, 8.96484374976547],
+        //             max: [48.5747899110263, 9.14062499976523]
+        //         }
+        //     },
+        //     tileSize: 512,
+        //     format: "png",
+        //     overlap: 0,
+        //     type: "map",
+        //     height: 131072,
+        //     width: 131072,
+        //     path: "../../../var/tuesch/luftbild_2016_full",
+        //     urlTileTemplate: "{path}/{level}/{row}/{column}.{format}"
+        // })
+
+        // app
+        //--------------------
+        window.app = new PIXIApp({
+            width: 400,
+            height: 500,
+            backgroundColor: 0xFFCCCCCC
+        }).setup().run()
+        
+        div1.appendChild(app.view)
+
+        // create the ScatterContainer
+        //--------------------
+        const scatterContainer1 = new ScatterContainer(app.renderer, {showBounds: true, app: app})
+        app.scene.addChild(scatterContainer1)
+
+        // Create the DeepZoomImage
+        //--------------------
+        setTimeout(() => {
+            const deepZoomImage1 = new DeepZoomImage(deepZoomInfo, {app, world: scatterContainer1})
+            deepZoomImage1.scatter = new DisplayObjectScatter(deepZoomImage1, app.renderer, {
+                minScale: 0,
+                maxScale: 50,
+                onTransform: event => {
+                    //console.log('currentLevel', deepZoomImage1.currentLevel)
+                    deepZoomImage1.transformed(event)
+                }
+            })
+
+            scatterContainer1.addChild(deepZoomImage1)
+        }, 1000)
+        
+        
+        // app2
+        //--------------------
+        const app2 = new PIXIApp({
+            width: 400,
+            height: 500,
+            backgroundColor: 0xFFCCCCCC
+        }).setup().run()
+        
+        div2.appendChild(app2.view)
+
+        // create the ScatterContainer
+        //--------------------
+        const scatterContainer2 = new ScatterContainer(app2.renderer, {showBounds: true, app: app2})
+        app2.scene.addChild(scatterContainer2)
+
+        // Create the DeepZoomImage
+        //--------------------
+        const deepZoomImage2 = new DeepZoomImage(deepZoomInfo, {app: app2})
+        deepZoomImage2.scatter = new DisplayObjectScatter(deepZoomImage2, app2.renderer, {
+            minScale: 0,
+            maxScale: 100,
+            onTransform: (event) => {
+                deepZoomImage2.transformed(event)
+            }
+        })
+
+        scatterContainer2.addChild(deepZoomImage2)
+
+    </script>
+
+    <h1>DeepZoomImage in DeepZoomImage</h1>
+    <p>
+        The main class of a deeply zoomable image that is represented by a hierarchy of tile layers for each zoom level. This gives
+        the user the impression that even huge pictures (up to gigapixel-images) can be zoomed instantaneously, since the
+        tiles at smaller levels are scaled immediately and overloaded by more detailed tiles at the larger level as fast
+        as possible.
+    </p>
+    <br />
+    <div id="div3"></div>
+    <script class="doctest">
+
+        // app3
+        //--------------------
+        const app3 = new PIXIApp({
+            width: 900,
+            height: 500,
+            backgroundColor: 0xFFCCCCCC
+        }).setup().run()
+
+        window.app3 = app3
+        
+        div3.appendChild(app3.view)
+
+        // create the ScatterContainer
+        //--------------------
+        const scatterContainer3 = new ScatterContainer(app3.renderer, {app: app3, showBounds: true, claimEvent: false, stopEvents: false})
+        app3.scene.addChild(scatterContainer3)
+
+        // Create the DeepZoomImage
+        //--------------------
+        const deepZoomImage3 = new DeepZoomImage(deepZoomInfo, {app: app3})
+        deepZoomImage3.scatter = new DisplayObjectScatter(deepZoomImage3, app3.renderer, {
+            minScale: 0,
+            maxScale: 100,
+            startScale: 2,
+            autoBringToFront: false,
+            onTransform: (event) => {
+                deepZoomImage3.transformed(event)
+            }
+        })
+
+        app3._deepZoomImage3 = deepZoomImage3
+
+        scatterContainer3.addChild(deepZoomImage3)
+
+        // Create the second DeepZoomImage
+        //--------------------
+        const border = new PIXI.Graphics()
+        border.beginFill(0x282828, 1)
+        border.drawRect(0, 0, 264, 244)
+        scatterContainer3.addChild(border)
+
+        const mask = new PIXI.Graphics()
+        mask.beginFill(0x282828, 1)
+        mask.drawRect(0, 0, 260, 240)
+        scatterContainer3.addChild(mask)
+
+        const deepZoomImage4 = new DeepZoomImage(deepZoomInfo, {app: app3})
+        deepZoomImage4.x = 4
+        deepZoomImage4.y = 4
+        deepZoomImage4.scatter = new DisplayObjectScatter(deepZoomImage4, app3.renderer, {
+            minScale: 0,
+            maxScale: 100,
+            onTransform: (event) => {
+                deepZoomImage4.transformed(event)
+            }
+        })
+        deepZoomImage4.mask = mask
+
+        app3._deepZoomImage4 = deepZoomImage4
+
+        scatterContainer3.addChild(deepZoomImage4)
+
+    </script>
+</body>
+
+</html>

lib/pixi/deepzoom/image.html

@@ -10,11 +10,10 @@
     <link rel="stylesheet" href="../../../css/doctest.css">
 
     <script src="../../3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../3rdparty/all.js"></script>
-    <script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
+    <script src="../../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../../all.js"></script>
-    <script src="../all.js"></script>
+    <script src="../../../dist/iwmlib.js"></script>
+    <script src="../../../dist/iwmlib.pixi.js"></script>
 
     <style>
         #app {

lib/pixi/deepzoom/image.js

@@ -1,24 +1,14 @@
 import { Capabilities } from '../../capabilities.js'
 import { Points } from '../../utils.js'
-import { deepZoomTileCache } from './tile.js'
+import Tile from './tile.js'
 import { Tiles } from './tiles.js'
 
 function isEven(n) {
     return n % 2 == 0
 }
 
-
 function printTileCacheInfos() {
-    let references = new Map()
-    let multiples = 0
-    for (let [url, tiles] of deepZoomTileCache.entries()) {
-        let count = tiles.size
-        references.set(url, count)
-        if (count > 1) {
-            multiples += 1
-        }
-    }
-    console.log({ multiples, references })
+    Tile.printInfos()
 }
 /**
  * A utility class that holds information typically provided by DZI files, i.e.
@@ -424,7 +414,7 @@ export class DeepZoomImage extends PIXI.Container {
             this.minimumLevel = deepZoomInfo.baseLevel
         }
         this.currentLevel = Math.max(this.minimumLevel, deepZoomInfo.baseLevel)
-        console.log("autoLoadTiles", this.autoLoadTiles)
+        //console.log("autoLoadTiles", this.autoLoadTiles)
         if (this.autoLoadTiles) {
             this.setupTiles(center)
         }
@@ -645,7 +635,7 @@ export class DeepZoomImage extends PIXI.Container {
     }
 
     worldBounds() {
-        let viewBounds = this.app.scene.bounds
+        let viewBounds = this.app.scene.getBounds()
         // Using getBounds extends visible scope after loading tiles and leads
         // to excessive loading
         if (this.world != null) {

lib/pixi/deepzoom/index.html

@@ -1,219 +1,38 @@
-<!doctype html>
-<html lang="en">
-
+<html>
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>PIXI Lib Doctests</title>
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" href="../../../css/index.css">
 
-    <title>DeepZoomImage Doctests</title>
+    <script src="../../../dist/iwmlib.js"></script>
 
-    <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="../../3rdparty/all.js"></script>
-    <script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="../../all.js"></script>
-    <script src="../all.js"></script>
-
-    <style>
-        #app {
-            display: table;
-            margin: 0 auto;
-        }
-
-        #app > * {
-            margin-bottom: 5px;
-        }
-    </style>
+    <template id="itemTemplate">
+        <a class="wrapper" href="">
+            <div class="preview">
+                <div class="thumbnail-container">
+                    <div class="thumbnail">
+                        <img class="icon" >
+                        <!-- <iframe src="" frameborder="0"></iframe> -->
+                     </div>
+                </div>
+                <div class="title"></div>
+            </div>
+        </a>
+    </template>
 </head>
-
-<body onload="Doctest.run()">
-    <h1>Double DeepZoomImage</h1>
-    <p>
-        The main class of a deeply zoomable image that is represented by a hierarchy of tile layers for each zoom level. This gives
-        the user the impression that even huge pictures (up to gigapixel-images) can be zoomed instantaneously, since the
-        tiles at smaller levels are scaled immediately and overloaded by more detailed tiles at the larger level as fast
-        as possible.
-    </p>
-    <br />
-    <div id="div1" style="float: left;"></div>
-    <div id="div2" style="float: right;"></div>
-    <div style="clear: left; margin-top: 540px;" />
-    <script class="doctest">
-
-        // deepZoom
-        //--------------------
-        const deepZoomInfo = new DeepZoomInfo({
-            "tileSize": 128,
-            "format": "jpg",
-            "overlap": 0,
-            "type": "map",
-            "height": 4096,
-            "width": 4096,
-            "path": "../assets/maps/test",
-            "urlTileTemplate": "{path}/{level}/{column}/{row}.{format}"
-        })
-        // const deepZoomInfo = new DeepZoomInfo({
-        //     compression: [
-        //         "dds"
-        //     ],
-        //     clip: {
-        //         minLevel: 12,
-        //         maxLevel: 20,
-        //         startCol: 275215,
-        //         startRow: 181050,
-        //         bounds: {
-        //             min: [48.458353, 8.96484374976547],
-        //             max: [48.5747899110263, 9.14062499976523]
-        //         }
-        //     },
-        //     tileSize: 512,
-        //     format: "png",
-        //     overlap: 0,
-        //     type: "map",
-        //     height: 131072,
-        //     width: 131072,
-        //     path: "../../../var/tuesch/luftbild_2016_full",
-        //     urlTileTemplate: "{path}/{level}/{row}/{column}.{format}"
-        // })
-
-        // app
-        //--------------------
-        window.app = new PIXIApp({
-            width: 400,
-            height: 500,
-            backgroundColor: 0xFFCCCCCC
-        }).setup().run()
-        
-        div1.appendChild(app.view)
-
-        // create the ScatterContainer
-        //--------------------
-        const scatterContainer1 = new ScatterContainer(app.renderer, {showBounds: true, app: app})
-        app.scene.addChild(scatterContainer1)
-
-        // Create the DeepZoomImage
-        //--------------------
-        setTimeout(() => {
-            const deepZoomImage1 = new DeepZoomImage(deepZoomInfo, {app, world: scatterContainer1})
-            deepZoomImage1.scatter = new DisplayObjectScatter(deepZoomImage1, app.renderer, {
-                minScale: 0,
-                maxScale: 50,
-                onTransform: event => {
-                    console.log('currentLevel', deepZoomImage1.currentLevel)
-                    deepZoomImage1.transformed(event)
-                }
-            })
-
-            scatterContainer1.addChild(deepZoomImage1)
-        }, 1000)
-        
-        
-        // app2
-        //--------------------
-        const app2 = new PIXIApp({
-            width: 400,
-            height: 500,
-            backgroundColor: 0xFFCCCCCC
-        }).setup().run()
-        
-        div2.appendChild(app2.view)
-
-        // create the ScatterContainer
-        //--------------------
-        const scatterContainer2 = new ScatterContainer(app2.renderer, {showBounds: true, app: app2})
-        app2.scene.addChild(scatterContainer2)
-
-        // Create the DeepZoomImage
-        //--------------------
-        const deepZoomImage2 = new DeepZoomImage(deepZoomInfo, {app: app2})
-        deepZoomImage2.scatter = new DisplayObjectScatter(deepZoomImage2, app2.renderer, {
-            minScale: 0,
-            maxScale: 100,
-            onTransform: (event) => {
-                deepZoomImage2.transformed(event)
-            }
-        })
-
-        scatterContainer2.addChild(deepZoomImage2)
-
-    </script>
-
-    <h1>DeepZoomImage in DeepZoomImage</h1>
-    <p>
-        The main class of a deeply zoomable image that is represented by a hierarchy of tile layers for each zoom level. This gives
-        the user the impression that even huge pictures (up to gigapixel-images) can be zoomed instantaneously, since the
-        tiles at smaller levels are scaled immediately and overloaded by more detailed tiles at the larger level as fast
-        as possible.
-    </p>
-    <br />
-    <div id="div3"></div>
-    <script class="doctest">
-
-        // app3
-        //--------------------
-        const app3 = new PIXIApp({
-            width: 900,
-            height: 500,
-            backgroundColor: 0xFFCCCCCC
-        }).setup().run()
-
-        window.app3 = app3
-        
-        div3.appendChild(app3.view)
-
-        // create the ScatterContainer
-        //--------------------
-        const scatterContainer3 = new ScatterContainer(app3.renderer, {app: app3, showBounds: true, claimEvent: false, stopEvents: false})
-        app3.scene.addChild(scatterContainer3)
-
-        // Create the DeepZoomImage
-        //--------------------
-        const deepZoomImage3 = new DeepZoomImage(deepZoomInfo, {app: app3})
-        deepZoomImage3.scatter = new DisplayObjectScatter(deepZoomImage3, app3.renderer, {
-            minScale: 0,
-            maxScale: 100,
-            startScale: 2,
-            autoBringToFront: false,
-            onTransform: (event) => {
-                deepZoomImage3.transformed(event)
-            }
-        })
-
-        app3._deepZoomImage3 = deepZoomImage3
-
-        scatterContainer3.addChild(deepZoomImage3)
-
-        // Create the second DeepZoomImage
-        //--------------------
-        const border = new PIXI.Graphics()
-        border.beginFill(0x282828, 1)
-        border.drawRect(0, 0, 264, 244)
-        scatterContainer3.addChild(border)
-
-        const mask = new PIXI.Graphics()
-        mask.beginFill(0x282828, 1)
-        mask.drawRect(0, 0, 260, 240)
-        scatterContainer3.addChild(mask)
-
-        const deepZoomImage4 = new DeepZoomImage(deepZoomInfo, {app: app3})
-        deepZoomImage4.x = 4
-        deepZoomImage4.y = 4
-        deepZoomImage4.scatter = new DisplayObjectScatter(deepZoomImage4, app3.renderer, {
-            minScale: 0,
-            maxScale: 100,
-            onTransform: (event) => {
-                deepZoomImage4.transformed(event)
-            }
-        })
-        deepZoomImage4.mask = mask
-
-        app3._deepZoomImage4 = deepZoomImage4
-
-        scatterContainer3.addChild(deepZoomImage4)
-
-    </script>
+<body>
+    <div id="container" class="container">
+        <a style="position: absolute; left: 22px; top: 12px;" target="_blank" href="http://www.iwm-tuebingen.de">IWM</a>
+    </div>
+<script>
+const index = new Index(itemTemplate, [
+        ['Deepzoom', 'deepzoom.html'],
+        ['Image', 'image.html'],
+       
+    ],
+    null)
+index.load()
+</script>
 </body>
-
 </html>

lib/pixi/deepzoom/loader.js

@@ -1,4 +1,4 @@
-import { deepZoomTileCache, Tile } from './tile.js'
+import Tile from './tile.js'
 
 /**
  * A Tile Loader component that can be plugged into a Tiles Layer.
@@ -28,6 +28,8 @@ export class TileLoader {
     schedule(url, col, row) {
         if (this.loaded.has(url)) return false
         if (this.loading.has(url)) return false
+
+        Tile.schedule(url)
         this.map.set(url, [col, row])
         this.loading.add(url)
         this.loadQueue.push(url)
@@ -37,6 +39,7 @@ export class TileLoader {
     unschedule(url) {
         if (this.loaded.has(url)) this.loaded.delete(url)
         if (this.loading.has(url)) this.loading.delete(url)
+        Tile.unschedule(url)
         this.loadQueue = this.loadQueue.filter(item => item != url)
     }
 
@@ -62,9 +65,14 @@ export class TileLoader {
             console.warn("Tile already loaded")
             tile.unregister()
         }
-        tile = new Tile(texture, url)
-        this.loaded.set(url, tile)
-        this.tiles.tileAvailable(tile, col, row, url)
+        try {
+            tile = new Tile(texture, url)
+            this.loaded.set(url, tile)
+            this.tiles.tileAvailable(tile, col, row, url)
+        } catch (error) {
+            console.warn("Tile loading error", error)
+        }
+        
     }
 }
 
@@ -91,16 +99,13 @@ export class PIXITileLoader extends TileLoader {
         if (this.loaded.has(url)) return false
         if (this.loading.has(url)) return false
 
-        if (deepZoomTileCache.has(url)) {
-            let tiles = deepZoomTileCache.get(url)
-            for (let tile of tiles.values()) {
-                //console.log("Reusing cached texture", tile.parent)
-                let texture = tile.texture
-                this._textureAvailable(url, col, row, texture)
-                return false
-            }
+        Tile.schedule(url)
+        let reusableTexture = Tile.textureAvailable(url)
+        if (reusableTexture) {
+            if (this.debug) console.log('Texture reusable', reusableTexture)
+            this._textureAvailable(url, col, row, reusableTexture)
+            return false
         }
-        
         let texture = PIXI.utils.TextureCache[url]
         if (texture) {
             if (this.debug) console.log('Texture already loaded', texture)
@@ -155,8 +160,8 @@ export class PIXITileLoader extends TileLoader {
     _onLoaded(loader, resource) {
         if (this.destroyed) {
             let texture = resource.texture
-            let destroyBase = !deepZoomTileCache.has(resource.url)
-            texture.destroy(destroyBase)
+            let url = resource.url
+            Tile.lateTexture(url, texture)
             console.warn("Received resource after destroy", texture)
             return
         }

lib/pixi/deepzoom/test.html

@@ -7,7 +7,7 @@
     <!-- disable zooming -->
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">
     
-    <script src="../../../lib/3rdparty/all.js"></script>
+    <script src="../.././3rdparty/all.js"></script>
     <script src="../../../lib/all.js"></script>
 
     <link rel="stylesheet" href="../test/lib/bulma.css">

lib/pixi/deepzoom/tile.js

@@ -1,19 +1,98 @@
 
-export const deepZoomTileCache = new Map()
-
+const registeredTiles = new Map()
+const pendingTiles = new Map()
+/** Implements a baseTexture cache. The last textures are kept for reuse  */
+let keepTextures = 0
+const keptTextures = []
 
 /** The current Tile implementation simply uses PIXI.Sprites.
  *
  * BTW: PIXI.extras.TilingSprite is not appropriate. It should be used for
  * repeating patterns.
  **/
-export class Tile extends PIXI.Sprite {
+export default class Tile extends PIXI.Sprite {
     constructor(texture, url) {
         super(texture)
         this.url = url
         this.register(url)
     }
 
+    /**
+     * Static method to enable keeping of base textures
+     *
+     * @static
+     * @param {*} value
+     * @memberof Tile
+     */
+    static enableKeepTextures(value = 1000) {
+        keepTextures = value
+    }
+
+    /**
+     * Marks the given url as pending. Pending tiles should not be destroyed
+     *
+     * @static
+     * @param {*} url
+     * @memberof Tile
+     */
+    static schedule(url) {
+        let count = 0
+        if (pendingTiles.has(url)) {
+            count = pendingTiles.get(url)
+        }
+        pendingTiles.set(url, count + 1)
+        // console.log("Tile.scheduled", url, pendingTiles.size)
+    }
+
+    /**
+     * Returns true iff the url is pending
+     *
+     * @static
+     * @param {*} url
+     * @returns
+     * @memberof Tile
+     */
+    static isPending(url) {
+        return pendingTiles.has(url) && pendingTiles.get(url) > 0
+    }
+
+    static isObsolete(url) {
+        if (registeredTiles.has(url) && registeredTiles.get(url) > 0) {
+            return false
+        }
+        return true
+    }
+
+    /**
+     * Removes the given url from pending urls.
+     *
+     * @static
+     * @param {*} url
+     * @memberof Tile
+     */
+    static unschedule(url) {
+        if (pendingTiles.has(url)) {
+            let count = pendingTiles.get(url)
+            if (count > 1) {
+                pendingTiles.set(url, count - 1)
+            }
+            else {
+                pendingTiles.clear(url)
+            }
+        }
+        // console.log("Tile.unscheduled", url, pendingTiles.size)
+    }
+
+    /**
+     * Loads a tile from image using the PIXI.Texture.fromImage method.
+     *
+     * @static
+     * @param {*} imageId
+     * @param {*} crossorigin
+     * @param {*} scaleMode
+     * @returns
+     * @memberof Tile
+     */
     static fromImage(imageId, crossorigin, scaleMode) {
         return new Tile(PIXI.Texture.fromImage(imageId, crossorigin, scaleMode), imageId)
     }
@@ -26,13 +105,14 @@ export class Tile extends PIXI.Sprite {
      * @memberof Tile
      */
     register(url, debug = false) {
-        if (deepZoomTileCache.has(url)) {
-            let tiles = deepZoomTileCache.get(url)
+        Tile.unschedule(url)
+        if (registeredTiles.has(url)) {
+            let tiles = registeredTiles.get(url)
             tiles.add(this)
             if (debug) console.log("Tile.register", url, tiles.size)
         }
         else {
-            deepZoomTileCache.set(url, new Set([this]))
+            registeredTiles.set(url, new Set([this]))
             if (debug) console.log("Tile.register", url, 1)
         }
     }
@@ -44,10 +124,11 @@ export class Tile extends PIXI.Sprite {
      * @memberof Tile
      */
     unregister() {
-        let tiles = deepZoomTileCache.get(this.url)
+        let tiles = registeredTiles.get(this.url)
         tiles.delete(this)
         if (tiles.size == 0) {
-            deepZoomTileCache.delete(this.url)
+            registeredTiles.delete(this.url)
+            return 0
         }
         return tiles.size
     }
@@ -58,20 +139,82 @@ export class Tile extends PIXI.Sprite {
      * @param {*} options  Part of the PIXI API, but ignored in the implementation
      * @memberof Tile
      */
-    destroy(options, debug = false) {
-        if (this.parent != null) {
-
-        }
+    destroy(options, debug = true) {
         let count = this.unregister()
-        if (count <= 0) {
-            let opts = { children: true, texture: true, baseTexture: true }
+
+        if (keepTextures > 0) {
+            keptTextures.push({ url: this.url, texture: this.texture})
+
+            let opts = { children: true, texture: false, baseTexture: false }
+            if (debug) console.log("Tile.destroy", registeredTiles.size, opts)
             super.destroy(opts)
-            if (debug) console.log("Tile.destroy", deepZoomTileCache.size, opts)
+
+            while(keptTextures.length > keepTextures) {
+                let {url, texture} = keptTextures.shift() 
+                if (Tile.isObsolete(url)) {
+                    texture.destroy(true) // Destroy base as well
+                    if (debug) console.log("Destroying texture and baseTexture", url)
+                }
+            }
         }
         else {
-            let opts = { children: true, texture: false, baseTexture: false }
-            if (debug) console.log("Tile.destroy", deepZoomTileCache.size, opts)
-            super.destroy(opts)
+            // No longer registered and not pending
+            if (count <= 0 && !Tile.isPending(this.url)) {
+                let opts = { children: true, texture: true, baseTexture: true }
+                super.destroy(opts)
+                if (debug) console.log("Tile.destroy", registeredTiles.size, opts)
+            }
+            else {
+                let opts = { children: true, texture: false, baseTexture: false }
+                if (debug) console.log("Tile.destroy", registeredTiles.size, opts)
+                super.destroy(opts)
+            }
+            if (this.parent != null) {
+                // UO: Emit warning and remove
+                console.warn("Destroying tile with parent. Hiding instead")
+                this.visible = false
+            }
         }
     }
+
+    /**
+     * Returns an available texture that can be reused
+     *
+     * @param {*} url
+     * @returns
+     * @memberof Tile
+     */
+    static textureAvailable(url) {
+        if (registeredTiles.has(url)) {
+            let tiles = registeredTiles.get(url)
+            for (let tile of tiles.values()) {
+                //console.log("Reusing cached texture", tile.parent)
+                return tile.texture
+            }
+        }
+        return null
+    }
+
+    /**
+     * Texture received too late. We do not need it.
+     * @param {*} url 
+     * @param {*} texture 
+     */
+    static lateTexture(url, texture) {
+        let destroyBase = !registeredTiles.has(url)
+        texture.destroy(destroyBase)
+    }
+
+    static printInfos() {
+        let references = new Map()
+        let multiples = 0
+        for (let [url, tiles] of registeredTiles.entries()) {
+            let count = tiles.size
+            references.set(url, count)
+            if (count > 1) {
+                multiples += 1
+            }
+        }
+        console.log({ multiples, references })
+    }
 }

lib/pixi/flipeffect.html

@@ -3,13 +3,13 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>PIXI Flip Effect Doctest</title>
-	<link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../../css/doctest.css">
-	<script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+	<script src=".././3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-	<script src="../all.js"></script>
-	<script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 
     <link rel="stylesheet" href="../../css/flipeffect.css">
 	<template id="flipTemplate">

lib/pixi/flippable.html

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

lib/pixi/flippable.js

@@ -56,7 +56,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
      * @param {boolean} [opts.shadow=false] - Should be a shadow been display during the animation?
      * @param {numer} [opts.eulerX=0] - The shift of the x-axis during the animation.
      * @param {numer} [opts.eulerY=0] - The shift of the y-axis during the animation.
-     * @param {GSAP.Ease} [opts.eulerEase=Sine.easeOut] - The ease of the shift.
+     * @param {GSAP.Ease} [opts.eulerEase=Power1.easeOut] - The ease of the shift.
      * @param {boolean} [opts.useBackTransforms=false] - When set to true, the flip animation also animates to the transform parameters of the back-object.
      * @param {GSAP.Ease} [opts.transformEase=Power2.easeOut] - The ease of the transform.
      * @param {numer} [opts.focus=800] - The value of the focus of the 3D camera (see pixi-projection).
@@ -80,7 +80,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
             shadow: false,
             eulerX: 0,
             eulerY: 0,
-            eulerEase: Sine.easeOut,
+            eulerEase: Power1.easeOut,
             useBackTransforms: false,
             transformEase: Power2.easeOut,
             focus: 800,

lib/pixi/flippable.test.html

@@ -7,9 +7,9 @@
 	<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="../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>

lib/pixi/forcelayout.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 
     <script src="./lib/graphology.min.js"></script>
     <script src="./lib/graphology-layout-forceatlas2.js"></script>

lib/pixi/index.html

@@ -5,14 +5,14 @@
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
     <link rel="stylesheet" href="../../css/index.css">
 
-    <script src="../all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
 
     <template id="itemTemplate">
         <a class="wrapper" href="">
             <div class="preview">
                 <div class="thumbnail-container">
                     <div class="thumbnail">
-                        <img class="icon" >
+                        <img class="icon" src="thumbnails/notfound.png">
                         <!-- <iframe src="" frameborder="0"></iframe> -->
                      </div>
                 </div>
@@ -22,8 +22,9 @@
     </template>
 </head>
 <body>
-<div id="container" class="container">
-</div>
+    <div id="container" class="container">
+        <a style="position: absolute; left: 22px; top: 12px;" target="_blank" href="http://www.iwm-tuebingen.de">IWM</a>
+    </div>
 <script>
 const index = new Index(itemTemplate, [
         ['PIXI.Application', 'application.html'],
@@ -32,8 +33,7 @@ const index = new Index(itemTemplate, [
         ['Button', 'button.html'],
         ['ButtonGroup', 'buttongroup.html'],
         ['Coordinates', 'coordinates.html'],
-        ['DeepZoom', 'deepzoom.html'],
-        ['DeepZoomImage', 'deepzoomimage.html'],
+        ['DeepZoom', 'deepzoom/index.html'],
         ['Flippable', 'flippable.html'],
         ['LabeledGraphics', 'labeledgraphics.html'],
         ['List', 'list.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/labeledgraphics.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>LabeledGraphics</h1>

lib/pixi/message.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Message</h1>

lib/pixi/modal.html

@@ -9,10 +9,9 @@
     <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>Modal</h1>

lib/pixi/popover.html

@@ -2,13 +2,13 @@
 <html lang="en">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+	<link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
 	<link rel="stylesheet" href="../../css/doctest.css">
-	<script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+	<script src=".././3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-	<script src="../all.js"></script>
-	<script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()" >
 	<h1>Popover</h1>

lib/pixi/popup.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Popup</h1>

lib/pixi/popupmenu.html

@@ -5,14 +5,14 @@
 
     <title>PIXI PopupMenu</title>
 
-    <link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+    <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="../3rdparty/all.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>PopupMenu</h1>

lib/pixi/progress.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="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 <body onload="Doctest.run()">
     <h1>Progress</h1>

lib/pixi/scatter.html

@@ -4,13 +4,13 @@
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>PIXI Scatter Doctest</title>
-    <link rel="stylesheet" href="../../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href=".././3rdparty/highlight/styles/default.css">
     <link rel="stylesheet" href="../../css/doctest.css">
-    <script src="../../lib/3rdparty/highlight/highlight.pack.js"></script>
-    <script src="../../lib/3rdparty/all.js"></script>
+    <script src=".././3rdparty/highlight/highlight.pack.js"></script>
+    <script src="../../dist/iwmlib.3rdparty.js"></script>
 
-    <script src="../all.js"></script>
-    <script src="./all.js"></script>
+    <script src="../../dist/iwmlib.js"></script>
+    <script src="../../dist/iwmlib.pixi.js"></script>
 </head>
 
 <body onload="Doctest.run()">

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>