@stories-js/core/dist/esm-es5/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";var 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}';var ToolButton=function(){function o(o){registerInstance(this,o);this.storiesAction=createEvent(this,"storiesAction",7)}o.prototype.clickHandler=function(o){o.preventDefault();this.storiesAction.emit({command:this.command})};o.prototype.render=function(){return h("button",{disabled:this.disabled,onClick:this.clickHandler.bind(this)},h("stories-icon",{name:this.icon}))};return o}();ToolButton.style=toolButtonCss;export{ToolButton as stories_tool_button};
//# sourceMappingURL=stories-tool-button.entry.js.map