<!DOCTYPE html>
<html>

<head>
    <title>Animated folder Test Page 3.3.7</title>
    <meta charset="utf-8">
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">


    <script>
        class App {
            static get implements() {
                return [];
            };

            static async start() {
              let AP;
              UcpComponentSupport.getAllUcpViews().forEach(view => {
                if(view.ucpComponent instanceof AnimatedFolder) {
                  AP = view.ucpComponent;
                }
              });
              await Structr.find("Folder", null, { name: "EAMD.ucp" });
              const [rootFolder] = await Structr.find("Folder", null, { name: "EAMD.ucp" });

              AP.add(await UcpComponentSupport.getUcpComponent4Object(rootFolder));
            }
            static init() {
                console.debug("start loading App components...");
                return "start loading App components...";
            }

        }
    </script>
    <script src="/EAMD.ucp/Components/tla/EAM/layer1/Thinglish/Once/1.0.0/src/js/Once.class.js" type="text/javascript"></script>
    <link href="/EAMD.ucp/Components/com/twitter/Bootstrap/AnimatedFolder/3.3.7/AnimatedFolder.component.xml" rel="ucpComponent" type="text/html">

    <link href="/EAMD.ucp/Components/com/twitter/Bootstrap/AnimatedFolder/3.3.7/test/css/AnimatedFolder.css" type="text/css" rel="stylesheet" />
</head>


<body>

    <div class="row">
        <animated-folder class="col-md-10 col-sm-10 col-lg-10 col-md-offset-1 col-sm-offset-1 col-lg-offset-1">
            skjfksdjfkdjfkdjfkj
        </animated-folder>

    </div>




</body>

</html>