@stories-js/core/dist/collection/components/sidebar/sidebar.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import { Component, h } from '@stencil/core';
import { state } from '../../store';
export class Sidebar {
  render() {
    const stories = state.stories;
    if (stories && Object.keys(stories).length) {
      return (h("nav", null,
        h("h1", null, "Navigation"),
        Object.keys(stories).map(key => {
          const story = stories[key];
          return h("li", null,
            h("a", { href: `/#path=${key}` }, story.storyName));
        })));
    }
    return h("div", null, "No stories");
  }
  static get is() { return "stories-sidebar"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() { return {
    "$": ["sidebar.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["sidebar.css"]
  }; }
}
//# sourceMappingURL=sidebar.js.map