'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-609aba38.js');
require('./index-2d26ee5d.js');
const runStore = require('./runStore-5b428cfd.js');

const Welcome = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    const styles = {
      fontFamily: "Tahoma",
      display: "flex",
      justifyContent: "center",
    };
    return (index.h(index.Host, null, index.h("div", { class: "app", style: styles }, index.h("div", null, index.h("h1", null, "Welcome to corejam"), index.h("div", null, index.h("h3", null, "Components"), index.h("ul", null, runStore.runState.routes.map((route) => {
      if (route.url.includes("component"))
        return (index.h("li", null, index.h("a", Object.assign({}, runStore.href(route.url, runStore.runState.router)), route.component)));
    }))), index.h("div", null, runStore.runState.routes.length > 0 && index.h("h3", null, "Routes"), index.h("ul", null, runStore.runState.routes.map((route) => {
      if (!route.url.includes("component"))
        return (index.h("li", null, index.h("a", Object.assign({}, runStore.href(route.url, runStore.runState.router)), route.component)));
    }))), index.h("div", null, runStore.runState.plugins.length > 0 && index.h("h3", null, "Plugins"), index.h("ul", null, runStore.runState.plugins.map((plugin) => {
      return (index.h("div", null, index.h("h4", null, plugin.name), index.h("h5", null, "Routes"), index.h("ul", null, plugin.router.routes.map((route) => {
        return (index.h("li", null, index.h("a", Object.assign({}, runStore.href(route.url, runStore.runState.router)), route.component)));
      }))));
    })))))));
  }
};

exports.corejam_dev_welcome = Welcome;
