<!DOCTYPE html>
<html onload="">

<head>
    <title>Breadcrumb</title>
    <meta charset="utf-8">
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../css/Breadcrumb.css" type="text/css" rel="stylesheet" />

    <script>
        class App {
            static get implements() {
                return [];
            };
            static start() {
                const panel1 = Panel.getInstance();
                panel1.properties.heading = "test header";
                panel1.properties.footer = "test footer";
                panel1.defaultView.append();

                const panel2 = Panel.getInstance();
                panel2.properties.heading = "panel2 test header";
                panel2.properties.footer = "panel2 test footer";

                panel1.add(panel2);

                const breadcrumb1 = Breadcrumb.getInstance().init();
                breadcrumb1.model = panel2.defaultView;
                breadcrumb1.defaultView.append();

                const breadcrumb2 = Breadcrumb.getInstance().init();
                breadcrumb2.model = panel2.documentElement;
                breadcrumb2.cssClasses = "col-sm-12";
                breadcrumb2.defaultView.append();


                panel1.fullHeight = true;
                if (window.getStuck) {
                    panel1.properties.heading = "cool"; // @todo it causes stuck
                }
            }
            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/Panel/3.3.7/Panel.component.xml" rel="ucpComponent" type="text/html">
    <link href="/EAMD.ucp/Components/com/twitter/Bootstrap/Breadcrumb/3.3.7/Breadcrumb.component.xml" rel="ucpComponent" type="text/html">


</head>

<body>
    <div data-is="bootstrap-breadcrumb">
        <!-- <div data-is="x-breadcrumb1-content" data-link="#">

        </div> -->
    </div>
</body>

</html>