@stories-js/core/dist/cjs/stories-tab.cjs.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
'use strict';

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

const index = require('./index-c25eada5.js');

const tabCss = ":host(.tab-hidden){display:none !important}";

const Tab = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /** @internal */
    this.active = false;
  }
  render() {
    const { tab, active } = this;
    return (index.h(index.Host, { "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
        'stories-page': true,
        'tab-hidden': !active
      }, role: "tabpanel" }, index.h("slot", null)));
  }
  get el() { return index.getElement(this); }
};
Tab.style = tabCss;

exports.stories_tab = Tab;

//# sourceMappingURL=stories-tab.cjs.entry.js.map