@stories-js/core/dist/esm/stories-tool-button.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
import { r as registerInstance, i as createEvent, h } from './index-49238f69.js';

const toolButtonCss = "button{-ms-flex-align:center;align-items:center;background:transparent;border:none;border-radius:4px;color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:13px;font-weight:bold;height:28px;-ms-flex-pack:center;justify-content:center;margin-top:6px;padding:8px 7px}button:hover,button:focus-visible{color:var(--color-hover);background:var(--background-hover);opacity:var(--background-hover-opacity)}button:focus-visible{outline:auto}button:focus:not(:focus-visible){outline:\"none\"}button.active{color:var(--color-hover);background:var(--background-hover)}button.disabled{opacity:0.5;cursor:not-allowed}";

const ToolButton = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.storiesAction = createEvent(this, "storiesAction", 7);
  }
  /**
   * Handle mouse event and generate ActionEvent
   */
  clickHandler(event) {
    event.preventDefault();
    this.storiesAction.emit({ command: this.command });
  }
  render() {
    return (h("button", { disabled: this.disabled, onClick: this.clickHandler.bind(this) }, h("stories-icon", { name: this.icon })));
  }
};
ToolButton.style = toolButtonCss;

export { ToolButton as stories_tool_button };

//# sourceMappingURL=stories-tool-button.entry.js.map