<html>
    <head>
        <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" />

        <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" src="thumbnails/notfound.png" />
                            <!-- <iframe src="" frameborder="0"></iframe> -->
                        </div>
                    </div>
                    <div class="title"></div>
                </div>
            </a>
        </template>
    </head>
    <body>
        <h2><a href="../index.html">lib.</a><a href="index.html">pixi.</a>Doctests</h2>
        <div id="container" class="container"></div>
        <script>
            const index = new Index(
                itemTemplate,
                [
                    ['PIXI.Application', 'application.html'],
                    ['Application', 'app.html'],
                    ['Badge', 'badge.html'],
                    ['Button', 'button.html'],
                    ['ButtonGroup', 'buttongroup.html'],
                    ['Coordinates', 'coordinates.html'],
                    ['DeepZoom', 'deepzoom/index.html'],
                    ['Flippable', 'flippable.html'],
                    ['LabeledGraphics', 'labeledgraphics.html'],
                    ['List', 'list.html'],
                    ['Maps', 'maps/index.html'],
                    ['Message', 'message.html'],
                    ['Modal', 'modal.html'],
                    ['Tooltip', 'tooltip.html'],
                    ['Popover', 'popover.html'],
                    ['Popup', 'popup.html'],
                    ['PopupMenu', 'popupmenu.html'],
                    ['Progress', 'progress.html'],
                    ['Slider', 'slider.html'],
                    ['Switch', 'switch.html'],
                    ['Volatile', 'volatile.html'],
                    ['Scatter', 'scatter.html'],
                    ['Flip Effect', 'flipeffect.html'],
                    ['Blur Filter', 'blurfilter.html'],
                    ['Text', 'text.html'],
                    ['Text Transform', 'text-transform.html'],
                    ['Scrollview', 'scrollview.html'],
                    ['Stylus', 'stylus.html']
                ],
                null
            )
            index.load()
        </script>
    </body>
</html>