var __decorate=this&&this.__decorate||function(e,o,t,r){var i,l=arguments.length,c=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,o,t,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(c=(l<3?i(c):l>3?i(o,t,c):i(o,t))||c);return l>3&&c&&Object.defineProperty(o,t,c),c};import{css as e,html as o,LitElement as t}from"lit";import{customElement as r,property as i}from"lit/decorators.js";import"./modals/or-rule-webhook-modal";import"./forms/or-rule-form-webhook";let style=e`
    :host {
        height: 100%;
        margin: 2px 3px auto 0;
    }

    :host > * {
        margin: 0 3px 6px;
    }

    .min-width {
        min-width: 200px;
    }
`,OrRuleActionWebhook=class extends t{static get styles(){return style}render(){return o`
            <div style="display: flex; align-items: center; height: 100%;">
                <or-rule-webhook-modal .action="${this.action}">
                    <or-rule-form-webhook .webhook="${this.action.webhook}"></or-rule-form-webhook>
                </or-rule-webhook-modal>
            </div>
        `}};__decorate([i({type:Object,attribute:!1})],OrRuleActionWebhook.prototype,"rule",void 0),__decorate([i({type:Object,attribute:!1})],OrRuleActionWebhook.prototype,"action",void 0),OrRuleActionWebhook=__decorate([r("or-rule-action-webhook")],OrRuleActionWebhook);export{OrRuleActionWebhook};