var __decorate=this&&this.__decorate||function(t,e,o,r){var l,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var i=t.length-1;i>=0;i--)(l=t[i])&&(s=(n<3?l(s):n>3?l(e,o,s):l(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};import*as LitHtml from"../../../ui/lit-html/lit-html.js";import controlButtonStyles from"./controlButton.css.js";const{html:html,Decorators:Decorators,LitElement:LitElement}=LitHtml,{customElement:customElement,property:property}=Decorators;export let ControlButton=class extends LitElement{static styles=[controlButtonStyles];constructor(){super(),this.label="",this.shape="square",this.disabled=!1}#t=t=>{this.disabled&&(t.stopPropagation(),t.preventDefault())};render(){return html`
            <button
                @click=${this.#t}
                .disabled=${this.disabled}
                class="control"
            >
                <div class="icon ${this.shape}"></div>
                <div class="label">${this.label}</div>
            </button>
        `}};__decorate([property()],ControlButton.prototype,"label",void 0),__decorate([property()],ControlButton.prototype,"shape",void 0),__decorate([property()],ControlButton.prototype,"disabled",void 0),ControlButton=__decorate([customElement("devtools-control-button")],ControlButton);