'use strict';

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

const index = require('./index-140bcbcd.js');
const App = require('./App-0b3e3f31.js');

const SmoothlyAppDemo = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    return (index.h(App.App, { label: "Smoothly Demo" }, index.h("a", { slot: "nav-start", href: "display" }, "Display"), index.h("a", { slot: "nav-start", href: "https://google.com" }, "External"), index.h("span", { slot: "header", style: { width: "100%", maxWidth: "500px" } }, index.h("smoothly-picker", { label: "All Animals Selected", style: { minWidth: "100px" }, labelSetting: "hide", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, "select-none-name": "Select All", options: [
        { name: "Big Dog", value: "dog", aliases: ["WOFF"] },
        { name: "Cat Stevens", value: "cat", aliases: ["moew"] },
        { name: "Noble Pig", value: "pig" },
        { name: "Turtle Wax", value: "turtle" },
        { name: "Spider Man", value: "spider" },
        { name: "Phoenix Order Long Wooord", value: "phoenix" },
        { name: "Horse Back", value: "horse" },
        { name: "Unicorn Horn", value: "unicorn" },
        { name: "Talking Parrot Parrot", value: "parrot" },
        { name: "Hidden Dragon", value: "dragon" },
        { name: "Scary Kraken", value: "kraken" },
      ] })), index.h("smoothly-trigger", { slot: "nav-end", type: "link", name: "logout" }, index.h("smoothly-icon", { toolTip: "Log out", name: "log-out", size: "medium" })), index.h("smoothly-room", { path: "" }, index.h("smoothly-input", { type: "text" }, "Default")), index.h("smoothly-room", { path: "input", label: "Input" }, index.h("smoothly-input-demo", null)), index.h("smoothly-room", { path: "dialog", label: "Dialog" }, index.h("smoothly-dialog-demo", null)), index.h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, index.h("smoothly-display-demo", null)), index.h("smoothly-room", { path: "table", label: "Table" }, index.h("smoothly-table-demo", null)), index.h("smoothly-room", { path: "select", label: "Select" }, index.h("smoothly-select-demo", null)), index.h("smoothly-room", { path: "icon", label: "Icon" }, index.h("smoothly-icon-demo", null)), index.h("smoothly-room", { path: "old", label: "Old", to: "select" })));
  }
};

exports.smoothly_app_demo = SmoothlyAppDemo;
