import{r as t,c as e,h as o,H as s}from"./p-BIRwgFLv.js";const n='verdocs-toggle-button{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';const i=class{constructor(o){t(this,o);this.toggle=e(this,"toggle");this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}componentWillLoad(){this._active=this.active}handleToggle(t){var e;t.stopPropagation();const o=!this._active;this._active=o;(e=this.toggle)===null||e===void 0?void 0:e.emit({active:o})}render(){return o(s,{key:"e92a8c60848ee1e3f93eba9e2e0cb4c47e3424db",class:`size-${this.size}`},this.icon?o("button",{innerHTML:this.icon,class:{active:this._active},onClick:t=>this.handleToggle(t)}):o("button",{class:{active:this._active},onClick:t=>this.handleToggle(t)},this.label))}};i.style=n;export{i as verdocs_toggle_button};
//# sourceMappingURL=p-5780b5df.entry.js.map