@stories-js/core/dist/cjs/stories-tool-button.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 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) {
    index.registerInstance(this, hostRef);
    this.storiesAction = index.createEvent(this, "storiesAction", 7);
  }
  /**
   * Handle mouse event and generate ActionEvent
   */
  clickHandler(event) {
    event.preventDefault();
    this.storiesAction.emit({ command: this.command });
  }
  render() {
    return (index.h("button", { disabled: this.disabled, onClick: this.clickHandler.bind(this) }, index.h("stories-icon", { name: this.icon })));
  }
};
ToolButton.style = toolButtonCss;

exports.stories_tool_button = ToolButton;

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