@openremote/or-rules 1.8.0-snapshot.20250725120002 → 1.8.0-snapshot.20250728102340

package/lib/json-viewer/forms/or-rule-form-webhook.js

@@ -1,297 +1,102 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import { i18next } from "@openremote/or-translate";
-import { css, html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { when } from 'lit/directives/when.js';
-import { OrRulesJsonRuleChangedEvent } from "../or-rule-json-viewer";
-//language=css
-const styling = css `
-    .divider {
-        border-bottom: 1px solid rgba(0, 0, 0, 12%);
-    }
-`;
-let OrRuleFormWebhook = class OrRuleFormWebhook extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.loading = false;
-        this.httpMethodOptions = ["GET" /* HTTPMethod.GET */, "POST" /* HTTPMethod.POST */, "PUT" /* HTTPMethod.PUT */, "DELETE" /* HTTPMethod.DELETE */];
-        this.authMethodOptions = new Map([
-            ["username_password", (i18next.t('username') + " & " + i18next.t('password'))],
-            ["client_credentials", "oauth Client Credentials Grant"],
-            ["password", "oauth Password Grant"]
-        ]);
+var __decorate=this&&this.__decorate||function(e,t,o,i){var r,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var h=e.length-1;h>=0;h--)(r=e[h])&&(s=(a<3?r(s):a>3?r(t,o,s):r(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};import{InputType as e}from"@openremote/or-mwc-components/or-mwc-input";import{i18next as t}from"@openremote/or-translate";import{css as o,html as i,LitElement as r}from"lit";import{customElement as a,property as s,state as h}from"lit/decorators.js";import{when as n}from"lit/directives/when.js";import{OrRulesJsonRuleChangedEvent as d}from"../or-rule-json-viewer";let styling=o`
+    .divider {
+        border-bottom: 1px solid rgba(0, 0, 0, 12%);
     }
-    static get styles() {
-        return [styling];
-    }
-    /* --------------------------- */
-    // Lifecycle methods
-    shouldUpdate(changedProperties) {
-        if (changedProperties.has('webhook')) {
-            if (this.webhook.headers == undefined) {
-                this.webhook.headers = {};
-            }
-        }
-        return super.shouldUpdate(changedProperties);
-    }
-    /* --------------- */
-    // Util
-    getAuthMethod(webhook) {
-        if (webhook.oAuthGrant != undefined) {
-            return this.authMethodOptions.get(webhook.oAuthGrant.grant_type);
-        }
-        else {
-            return this.authMethodOptions.get("username_password");
-        }
-    }
-    getOAuthGrant(authMethodKey) {
-        if (authMethodKey == 'client_credentials' || authMethodKey == 'password') {
-            return { grant_type: authMethodKey };
-        }
-        else {
-            return undefined;
-        }
-    }
-    reloadHeaders() {
-        this.loading = true;
-        this.updateComplete.then(() => this.loading = false);
-        this.notifyWebhookUpdate(false);
-    }
-    notifyWebhookUpdate(requestUpdate = true) {
-        if (requestUpdate) {
-            this.requestUpdate("webhook");
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-    }
-    /* ---------------- */
-    // Template rendering
-    render() {
-        return when(!this.webhook, () => html `
-            ${i18next.t('errorOccurred')}
-        `, () => html `
-            <form style="display: flex; flex-direction: column; min-width: 520px;">
-                <!-- HTTP Method & URL -->
-                <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; margin-bottom: 28px;">
-                    <or-mwc-input style="flex: 0;" type="${InputType.SELECT}" .value="${this.webhook.httpMethod}"
-                                  .options="${this.httpMethodOptions}"
-                                  @or-mwc-input-changed="${(ev) => {
-            this.webhook.httpMethod = ev.detail.value;
-            this.notifyWebhookUpdate();
-        }}"
-                    ></or-mwc-input>
-                    <or-mwc-input style="flex: 1;" type="${InputType.URL}" required label="${i18next.t('webUrl')}"
-                                  .value="${this.webhook.url}" helperPersistent
-                                  @or-mwc-input-changed="${(e) => {
-            this.webhook.url = e.detail.value;
-            this.notifyWebhookUpdate();
-        }}"></or-mwc-input>
-                </div>
-                <!-- Headers -->
-                <div style="display: flex; flex-direction: column; gap: 5px; margin-bottom: 28px;">
-                    <span>Headers</span>
-                    ${when(this.loading, () => html `
-                        ${this.getHeadersTemplate(this.webhook.headers, true)}
-                    `, () => html `
-                        ${this.getHeadersTemplate(this.webhook.headers, false)}
-                    `)}
-                    <or-mwc-input type="${InputType.BUTTON}" icon="plus" label="addRequestHeader"
-                                  @or-mwc-input-changed="${(ev) => {
-            if ((this.webhook.headers ? this.webhook.headers[''] : undefined) != undefined) {
-                this.webhook.headers[''].push('');
-            }
-            else {
-                this.webhook.headers[''] = [''];
-            }
-            this.reloadHeaders();
-        }}"></or-mwc-input>
-                </div>
-                <!-- Authorization -->
-                <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: ${this.webhook.oAuthGrant || this.webhook.usernamePassword ? '28px' : '0'};">
-                    <or-mwc-input type="${InputType.SWITCH}" fullwidth label="${i18next.t('requiresAuthorization')}"
-                                  .value="${this.webhook.oAuthGrant || this.webhook.usernamePassword}"
-                                  @or-mwc-input-changed="${(ev) => {
-            this.webhook.usernamePassword = ev.detail.value ? {
-                username: 'admin',
-                password: 'secret'
-            } : undefined;
-            this.notifyWebhookUpdate();
-        }}"></or-mwc-input>
-                    ${when(this.webhook.oAuthGrant || this.webhook.usernamePassword, () => {
-            const values = Array.from(this.authMethodOptions.values());
-            return html `
-                            <or-mwc-input type="${InputType.SELECT}" label="${i18next.t('method')}"
-                                          .value="${this.getAuthMethod(this.webhook)}"
-                                          .options="${values}"
-                                          @or-mwc-input-changed="${(ev) => {
-                const entry = [...this.authMethodOptions.entries()].find((entry) => entry[1] == ev.detail.value);
-                this.webhook.oAuthGrant = this.getOAuthGrant(entry[0]);
-                this.notifyWebhookUpdate();
-            }}"></or-mwc-input>
-                            ${this.getAuthSettingsTemplate(this.webhook)}
-                        `;
-        })}
-                </div>
-                <!-- Payload -->
-                <div style="display: flex; flex-direction: column; gap: 5px;">
-                    ${when(this.webhook.httpMethod != "GET" /* HTTPMethod.GET */ && this.webhook.httpMethod != "DELETE" /* HTTPMethod.DELETE */, () => html `
-                        <or-mwc-input type="${InputType.SWITCH}" fullwidth label="${i18next.t('includeBodyInRequest')}"
-                                      .value="${this.webhook.payload != undefined}"
-                                      @or-mwc-input-changed="${(ev) => {
-            this.webhook.payload = ev.detail.value ? JSON.stringify({
-                rule: "%RULESET_NAME%",
-                assets: "%TRIGGER_ASSETS%"
-            }, null, 4) : undefined;
-            this.notifyWebhookUpdate();
-        }}"
-                        ></or-mwc-input>
-                        ${when(this.webhook.payload != undefined, () => {
-            return html `
-                                <or-mwc-input type="${InputType.TEXTAREA}" .value="${this.webhook.payload}"
-                                              @or-mwc-input-changed="${(ev) => {
-                this.webhook.payload = ev.detail.value;
-                this.notifyWebhookUpdate();
-            }}"></or-mwc-input>
-                            `;
-        })}
-                    `)}
-                </div>
-            </form>
-        `);
-    }
-    getHeadersTemplate(headers, loading) {
-        return Object.keys(this.webhook.headers)
-            .sort((a, b) => -(a.localeCompare(b)))
-            .map((key, keyIndex, keys) => {
-            const values = this.webhook.headers[key];
-            return values.map((value, valueIndex) => html `
-                    <div style="display: flex; gap: 5px;">
-                        <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('header')}" value="${key}"
-                                      style="flex: 1;" .disabled="${loading}"
-                                      @or-mwc-input-changed="${(ev) => {
-                values.length > 0 ? values.splice(valueIndex, 1) : delete this.webhook.headers[key];
-                const newValues = this.webhook.headers[ev.detail.value];
-                if (newValues && newValues.length > 0) {
-                    newValues.push(value);
-                }
-                else {
-                    this.webhook.headers[ev.detail.value] = [value];
-                }
-                this.reloadHeaders();
-            }}"
-                        ></or-mwc-input>
-                        <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('value')}" value="${value}"
-                                      style="flex: 1;" .disabled="${loading}"
-                                      @or-mwc-input-changed="${(ev) => {
-                this.webhook.headers[key][valueIndex] = ev.detail.value;
-                this.notifyWebhookUpdate();
-            }}"
-                        ></or-mwc-input>
-                        <or-mwc-input type="${InputType.BUTTON}" icon="delete" .disabled="${loading}"
-                                      @or-mwc-input-changed="${() => {
-                values.splice(valueIndex, 1);
-                this.reloadHeaders();
-            }}"></or-mwc-input>
-                    </div>
-                `);
-        });
-    }
-    getAuthSettingsTemplate(webhook) {
-        var _a, _b;
-        const authGrant = webhook.oAuthGrant;
-        if (authGrant == undefined) {
-            return html `
-                <div style="display: flex; flex-direction: column; gap: 10px;">
-                    <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('username')}"
-                                  .value="${(_a = webhook.usernamePassword) === null || _a === void 0 ? void 0 : _a.username}"
-                                  @or-mwc-input-changed="${(ev) => {
-                if (!this.webhook.usernamePassword) {
-                    this.webhook.usernamePassword = {};
-                }
-                this.webhook.usernamePassword.username = ev.detail.value;
-                this.notifyWebhookUpdate();
-            }}"></or-mwc-input>
-                    <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('password')}"
-                                  .value="${(_b = this.webhook.usernamePassword) === null || _b === void 0 ? void 0 : _b.password}"
-                                  @or-mwc-input-changed="${(ev) => {
-                if (!this.webhook.usernamePassword) {
-                    this.webhook.usernamePassword = {};
-                }
-                this.webhook.usernamePassword.password = ev.detail.value;
-                this.notifyWebhookUpdate();
-            }}"></or-mwc-input>
-                </div>
-            `;
-        }
-        else {
-            return html `
-                <div style="display: flex; flex-direction: column; gap: 10px;">
-                    <div style="display: flex; flex-direction: row; align-items: center; gap: 5px;">
-                        <or-mwc-input style="flex: 1;" type="${InputType.URL}" required
-                                      label="${i18next.t('tokenUrl')}" .value="${authGrant.tokenEndpointUri}"
-                                      @or-mwc-input-changed="${(ev) => {
-                authGrant.tokenEndpointUri = ev.detail.value;
-                this.notifyWebhookUpdate();
-            }}"></or-mwc-input>
-                    </div>
-                    ${when(authGrant.grant_type != undefined, () => {
-                switch (authGrant.grant_type) {
-                    case "client_credentials": {
-                        const grant = authGrant;
-                        return html `
-                                    <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('clientId')}"
-                                                  .value="${grant.client_id}"
-                                                  @or-mwc-input-changed="${(ev) => {
-                            grant.client_id = ev.detail.value;
-                            this.notifyWebhookUpdate();
-                        }}"></or-mwc-input>
-                                    <or-mwc-input type="${InputType.PASSWORD}" label="${i18next.t('clientSecret')}"
-                                                  .value="${grant.client_secret}"
-                                                  @or-mwc-input-changed="${(ev) => {
-                            grant.client_secret = ev.detail.value;
-                            this.notifyWebhookUpdate();
-                        }}"></or-mwc-input>
-                                `;
-                    }
-                    case "password": {
-                        const grant = authGrant;
-                        return html `
-                                    <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('username')}"
-                                                  .value="${grant.username}"
-                                                  @or-mwc-input-changed="${(ev) => {
-                            grant.username = ev.detail.value;
-                            this.notifyWebhookUpdate();
-                        }}"></or-mwc-input>
-                                    <or-mwc-input type="${InputType.TEXT}" label="${i18next.t('password')}"
-                                                  .value="${grant.password}"
-                                                  @or-mwc-input-changed="${(ev) => {
-                            grant.password = ev.detail.value;
-                            this.notifyWebhookUpdate();
-                        }}"></or-mwc-input>
-                                `;
-                    }
-                    default:
-                        return html `${i18next.t('errorOccurred')}`;
-                }
-            })}
-                </div>
-            `;
-        }
-    }
-};
-__decorate([
-    property({ type: Object })
-], OrRuleFormWebhook.prototype, "webhook", void 0);
-__decorate([
-    state()
-], OrRuleFormWebhook.prototype, "loading", void 0);
-OrRuleFormWebhook = __decorate([
-    customElement("or-rule-form-webhook")
-], OrRuleFormWebhook);
-export { OrRuleFormWebhook };
-//# sourceMappingURL=or-rule-form-webhook.js.map
+`,OrRuleFormWebhook=class extends r{constructor(){super(...arguments),this.loading=!1,this.httpMethodOptions=["GET","POST","PUT","DELETE"],this.authMethodOptions=new Map([["username_password",t.t("username")+" & "+t.t("password")],["client_credentials","oauth Client Credentials Grant"],["password","oauth Password Grant"]])}static get styles(){return[styling]}shouldUpdate(e){return e.has("webhook")&&void 0==this.webhook.headers&&(this.webhook.headers={}),super.shouldUpdate(e)}getAuthMethod(e){return void 0!=e.oAuthGrant?this.authMethodOptions.get(e.oAuthGrant.grant_type):this.authMethodOptions.get("username_password")}getOAuthGrant(e){return"client_credentials"==e||"password"==e?{grant_type:e}:void 0}reloadHeaders(){this.loading=!0,this.updateComplete.then(()=>this.loading=!1),this.notifyWebhookUpdate(!1)}notifyWebhookUpdate(e=!0){e&&this.requestUpdate("webhook"),this.dispatchEvent(new d)}render(){return n(!this.webhook,()=>i`
+            ${t.t("errorOccurred")}
+        `,()=>i`
+            <form style="display: flex; flex-direction: column; min-width: 520px;">
+                <!-- HTTP Method & URL -->
+                <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; margin-bottom: 28px;">
+                    <or-mwc-input style="flex: 0;" type="${e.SELECT}" .value="${this.webhook.httpMethod}"
+                                  .options="${this.httpMethodOptions}"
+                                  @or-mwc-input-changed="${e=>{this.webhook.httpMethod=e.detail.value,this.notifyWebhookUpdate()}}"
+                    ></or-mwc-input>
+                    <or-mwc-input style="flex: 1;" type="${e.URL}" required label="${t.t("webUrl")}"
+                                  .value="${this.webhook.url}" helperPersistent
+                                  @or-mwc-input-changed="${e=>{this.webhook.url=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                </div>
+                <!-- Headers -->
+                <div style="display: flex; flex-direction: column; gap: 5px; margin-bottom: 28px;">
+                    <span>Headers</span>
+                    ${n(this.loading,()=>i`
+                        ${this.getHeadersTemplate(this.webhook.headers,!0)}
+                    `,()=>i`
+                        ${this.getHeadersTemplate(this.webhook.headers,!1)}
+                    `)}
+                    <or-mwc-input type="${e.BUTTON}" icon="plus" label="addRequestHeader"
+                                  @or-mwc-input-changed="${e=>{(this.webhook.headers?this.webhook.headers[""]:void 0)!=void 0?this.webhook.headers[""].push(""):this.webhook.headers[""]=[""],this.reloadHeaders()}}"></or-mwc-input>
+                </div>
+                <!-- Authorization -->
+                <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: ${this.webhook.oAuthGrant||this.webhook.usernamePassword?"28px":"0"};">
+                    <or-mwc-input type="${e.SWITCH}" fullwidth label="${t.t("requiresAuthorization")}"
+                                  .value="${this.webhook.oAuthGrant||this.webhook.usernamePassword}"
+                                  @or-mwc-input-changed="${e=>{this.webhook.usernamePassword=e.detail.value?{username:"admin",password:"secret"}:void 0,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                    ${n(this.webhook.oAuthGrant||this.webhook.usernamePassword,()=>{let o=Array.from(this.authMethodOptions.values());return i`
+                            <or-mwc-input type="${e.SELECT}" label="${t.t("method")}"
+                                          .value="${this.getAuthMethod(this.webhook)}"
+                                          .options="${o}"
+                                          @or-mwc-input-changed="${e=>{let t=[...this.authMethodOptions.entries()].find(t=>t[1]==e.detail.value);this.webhook.oAuthGrant=this.getOAuthGrant(t[0]),this.notifyWebhookUpdate()}}"></or-mwc-input>
+                            ${this.getAuthSettingsTemplate(this.webhook)}
+                        `})}
+                </div>
+                <!-- Payload -->
+                <div style="display: flex; flex-direction: column; gap: 5px;">
+                    ${n("GET"!=this.webhook.httpMethod&&"DELETE"!=this.webhook.httpMethod,()=>i`
+                        <or-mwc-input type="${e.SWITCH}" fullwidth label="${t.t("includeBodyInRequest")}"
+                                      .value="${void 0!=this.webhook.payload}"
+                                      @or-mwc-input-changed="${e=>{this.webhook.payload=e.detail.value?JSON.stringify({rule:"%RULESET_NAME%",assets:"%TRIGGER_ASSETS%"},null,4):void 0,this.notifyWebhookUpdate()}}"
+                        ></or-mwc-input>
+                        ${n(void 0!=this.webhook.payload,()=>i`
+                                <or-mwc-input type="${e.TEXTAREA}" .value="${this.webhook.payload}"
+                                              @or-mwc-input-changed="${e=>{this.webhook.payload=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                            `)}
+                    `)}
+                </div>
+            </form>
+        `)}getHeadersTemplate(o,r){return Object.keys(this.webhook.headers).sort((e,t)=>-e.localeCompare(t)).map((o,a,s)=>{let h=this.webhook.headers[o];return h.map((a,s)=>i`
+                    <div style="display: flex; gap: 5px;">
+                        <or-mwc-input type="${e.TEXT}" label="${t.t("header")}" value="${o}"
+                                      style="flex: 1;" .disabled="${r}"
+                                      @or-mwc-input-changed="${e=>{h.length>0?h.splice(s,1):delete this.webhook.headers[o];let t=this.webhook.headers[e.detail.value];t&&t.length>0?t.push(a):this.webhook.headers[e.detail.value]=[a],this.reloadHeaders()}}"
+                        ></or-mwc-input>
+                        <or-mwc-input type="${e.TEXT}" label="${t.t("value")}" value="${a}"
+                                      style="flex: 1;" .disabled="${r}"
+                                      @or-mwc-input-changed="${e=>{this.webhook.headers[o][s]=e.detail.value,this.notifyWebhookUpdate()}}"
+                        ></or-mwc-input>
+                        <or-mwc-input type="${e.BUTTON}" icon="delete" .disabled="${r}"
+                                      @or-mwc-input-changed="${()=>{h.splice(s,1),this.reloadHeaders()}}"></or-mwc-input>
+                    </div>
+                `)})}getAuthSettingsTemplate(o){var r,a;let s=o.oAuthGrant;return void 0==s?i`
+                <div style="display: flex; flex-direction: column; gap: 10px;">
+                    <or-mwc-input type="${e.TEXT}" label="${t.t("username")}"
+                                  .value="${null==(r=o.usernamePassword)?void 0:r.username}"
+                                  @or-mwc-input-changed="${e=>{this.webhook.usernamePassword||(this.webhook.usernamePassword={}),this.webhook.usernamePassword.username=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                    <or-mwc-input type="${e.TEXT}" label="${t.t("password")}"
+                                  .value="${null==(a=this.webhook.usernamePassword)?void 0:a.password}"
+                                  @or-mwc-input-changed="${e=>{this.webhook.usernamePassword||(this.webhook.usernamePassword={}),this.webhook.usernamePassword.password=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                </div>
+            `:i`
+                <div style="display: flex; flex-direction: column; gap: 10px;">
+                    <div style="display: flex; flex-direction: row; align-items: center; gap: 5px;">
+                        <or-mwc-input style="flex: 1;" type="${e.URL}" required
+                                      label="${t.t("tokenUrl")}" .value="${s.tokenEndpointUri}"
+                                      @or-mwc-input-changed="${e=>{s.tokenEndpointUri=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                    </div>
+                    ${n(void 0!=s.grant_type,()=>{switch(s.grant_type){case"client_credentials":return i`
+                                    <or-mwc-input type="${e.TEXT}" label="${t.t("clientId")}"
+                                                  .value="${s.client_id}"
+                                                  @or-mwc-input-changed="${e=>{s.client_id=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                                    <or-mwc-input type="${e.PASSWORD}" label="${t.t("clientSecret")}"
+                                                  .value="${s.client_secret}"
+                                                  @or-mwc-input-changed="${e=>{s.client_secret=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                                `;case"password":return i`
+                                    <or-mwc-input type="${e.TEXT}" label="${t.t("username")}"
+                                                  .value="${s.username}"
+                                                  @or-mwc-input-changed="${e=>{s.username=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                                    <or-mwc-input type="${e.TEXT}" label="${t.t("password")}"
+                                                  .value="${s.password}"
+                                                  @or-mwc-input-changed="${e=>{s.password=e.detail.value,this.notifyWebhookUpdate()}}"></or-mwc-input>
+                                `;default:return i`${t.t("errorOccurred")}`}})}
+                </div>
+            `}};__decorate([s({type:Object})],OrRuleFormWebhook.prototype,"webhook",void 0),__decorate([h()],OrRuleFormWebhook.prototype,"loading",void 0),OrRuleFormWebhook=__decorate([a("or-rule-form-webhook")],OrRuleFormWebhook);export{OrRuleFormWebhook};

package/lib/json-viewer/modals/or-rule-alarm-modal.js

@@ -1,173 +1,17 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/*
- * Copyright 2024, OpenRemote Inc.
- *
- * See the CONTRIBUTORS.txt file in the distribution for a
- * full listing of individual contributors.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import { css, html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import "@openremote/or-mwc-components/or-mwc-input";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import i18next from "i18next";
-import { translate } from "@openremote/or-translate";
-import { OrMwcDialogOpenedEvent } from "@openremote/or-mwc-components/or-mwc-dialog";
-import { OrRulesJsonRuleChangedEvent } from "../or-rule-json-viewer";
-const checkValidity = (form, dialog) => {
-    if (form) {
-        const inputs = form.querySelectorAll('or-mwc-input');
-        const elements = Array.prototype.slice.call(inputs);
-        const valid = elements.every((element) => {
-            if (element.shadowRoot) {
-                const input = element.shadowRoot.querySelector('input, textarea');
-                if (element.type === InputType.SELECT) {
-                    return true;
-                }
-                if (input && input.checkValidity()) {
-                    return true;
-                }
-                else {
-                    element._mdcComponent.valid = false;
-                    element._mdcComponent.helperTextContent = 'required';
-                    return false;
-                }
-            }
-            else {
-                return false;
-            }
-        });
-        if (valid) {
-            dialog.close();
-        }
-    }
-};
-// language=CSS
-const style = css `
-    :host {
-        display: flex;
-        align-items: center;
-    }
-    :host > * {
-        margin: 0 3px 6px;
-    }
-    .min-width {
-        min-width: 200px;
-    }
-`;
-let OrRuleAlarmModal = class OrRuleAlarmModal extends translate(i18next)(LitElement) {
-    static get styles() {
-        return style;
-    }
-    constructor() {
-        super();
-        this.title = "settings";
-        this.addEventListener(OrMwcDialogOpenedEvent.NAME, this.initDialog);
-    }
-    initDialog() {
-        const modal = this.shadowRoot.getElementById('alarm-modal');
-        if (!modal)
-            return;
-    }
-    renderDialogHTML(action) {
-        const dialog = this.shadowRoot.getElementById("alarm-modal");
-        if (!this.shadowRoot)
-            return;
-        const slot = this.shadowRoot.querySelector('.alarm-form-slot');
-        if (dialog && slot) {
-            let container = document.createElement("div");
-            slot.assignedNodes({ flatten: true }).forEach((child) => {
-                if (child instanceof HTMLElement) {
-                    container.appendChild(child);
-                }
-            });
-            dialog.content = html `${container}`;
-            dialog.dismissAction = null;
-            this.requestUpdate();
-        }
-    }
-    firstUpdated(changedProperties) {
-        if (changedProperties.has("action")) {
-            this.renderDialogHTML(this.action);
-        }
-    }
-    checkForm() {
-        const dialog = this.shadowRoot.host;
-        if (this.shadowRoot) {
-            const alarmConfig = this.shadowRoot.querySelector('or-rule-form-alarm');
-            if (alarmConfig && alarmConfig.shadowRoot) {
-                const form = alarmConfig.shadowRoot.querySelector('form');
-                return checkValidity(form, dialog);
-            }
-        }
-    }
-    render() {
-        var _a;
-        if (!this.action)
-            return html ``;
-        const alarmPickerModalActions = [
-            {
-                actionName: "cancel",
-                content: html `<or-mwc-input class="button" .type="${InputType.BUTTON}" .label="${i18next.t("cancel")}"></or-mwc-input>`,
-                action: (dialog) => {
-                }
-            },
-            {
-                actionName: "",
-                content: html `<or-mwc-input class="button" .type="${InputType.BUTTON}" .label="${i18next.t("ok")}" @or-mwc-input-changed="${this.checkForm}"></or-mwc-input>`
-            }
-        ];
-        const alarmPickerModalOpen = () => {
-            const dialog = this.shadowRoot.getElementById("alarm-modal");
-            if (dialog) {
-                dialog.open();
-            }
-        };
-        return html `
-            <or-mwc-input style="width: 200px" .type="${InputType.SELECT}" .value="${(_a = this.action.alarm) === null || _a === void 0 ? void 0 : _a.severity}" .label="${i18next.t("alarm.severity")}" .options="${[["LOW" /* AlarmSeverity.LOW */, i18next.t("alarm.severity_LOW")], ["MEDIUM" /* AlarmSeverity.MEDIUM */, i18next.t("alarm.severity_MEDIUM")], ["HIGH" /* AlarmSeverity.HIGH */, i18next.t("alarm.severity_HIGH")]]}" @or-mwc-input-changed="${(e) => this.setActionAlarmSeverity(e.detail.value)}"></or-mwc-input>
-            <or-mwc-input .type="${InputType.BUTTON}" .label="${i18next.t("settings")}" @or-mwc-input-changed="${alarmPickerModalOpen}"></or-mwc-input>
-            <or-mwc-dialog id="alarm-modal" heading="${this.title}" .actions="${alarmPickerModalActions}"></or-mwc-dialog>
-            <slot class="alarm-form-slot"></slot>
-        `;
-    }
-    setActionAlarmSeverity(value) {
-        if (value && this.action.alarm) {
-            const alarm = this.action.alarm;
-            alarm.severity = value;
-            this.action.alarm = Object.assign({}, alarm);
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-};
-__decorate([
-    property({ type: Object, attribute: false })
-], OrRuleAlarmModal.prototype, "action", void 0);
-__decorate([
-    property({ type: String })
-], OrRuleAlarmModal.prototype, "title", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleAlarmModal.prototype, "query", void 0);
-OrRuleAlarmModal = __decorate([
-    customElement("or-rule-alarm-modal")
-], OrRuleAlarmModal);
-export { OrRuleAlarmModal };
-//# sourceMappingURL=or-rule-alarm-modal.js.map
+var __decorate=this&&this.__decorate||function(t,e,o,r){var i,a=arguments.length,l=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(l=(a<3?i(l):a>3?i(e,o,l):i(e,o))||l);return a>3&&l&&Object.defineProperty(e,o,l),l};import{css as t,html as e,LitElement as o}from"lit";import{customElement as r,property as i}from"lit/decorators.js";import"@openremote/or-mwc-components/or-mwc-input";import{InputType as a}from"@openremote/or-mwc-components/or-mwc-input";import l from"i18next";import{translate as n}from"@openremote/or-translate";import{OrMwcDialogOpenedEvent as s}from"@openremote/or-mwc-components/or-mwc-dialog";import{OrRulesJsonRuleChangedEvent as c}from"../or-rule-json-viewer";let checkValidity=(t,e)=>{if(t){let o=t.querySelectorAll("or-mwc-input");Array.prototype.slice.call(o).every(t=>{if(!t.shadowRoot)return!1;{let e=t.shadowRoot.querySelector("input, textarea");return t.type===a.SELECT||!!(e&&e.checkValidity())||(t._mdcComponent.valid=!1,t._mdcComponent.helperTextContent="required",!1)}})&&e.close()}},style=t`
+    :host {
+        display: flex;
+        align-items: center;
+    }
+    :host > * {
+        margin: 0 3px 6px;
+    }
+    .min-width {
+        min-width: 200px;
+    }
+`,OrRuleAlarmModal=class extends n(l)(o){static get styles(){return style}constructor(){super(),this.title="settings",this.addEventListener(s.NAME,this.initDialog)}initDialog(){if(!this.shadowRoot.getElementById("alarm-modal"))return}renderDialogHTML(t){let o=this.shadowRoot.getElementById("alarm-modal");if(!this.shadowRoot)return;let r=this.shadowRoot.querySelector(".alarm-form-slot");if(o&&r){let t=document.createElement("div");r.assignedNodes({flatten:!0}).forEach(e=>{e instanceof HTMLElement&&t.appendChild(e)}),o.content=e`${t}`,o.dismissAction=null,this.requestUpdate()}}firstUpdated(t){t.has("action")&&this.renderDialogHTML(this.action)}checkForm(){let t=this.shadowRoot.host;if(this.shadowRoot){let e=this.shadowRoot.querySelector("or-rule-form-alarm");if(e&&e.shadowRoot)return checkValidity(e.shadowRoot.querySelector("form"),t)}}render(){var t;if(!this.action)return e``;let o=[{actionName:"cancel",content:e`<or-mwc-input class="button" .type="${a.BUTTON}" .label="${l.t("cancel")}"></or-mwc-input>`,action:t=>{}},{actionName:"",content:e`<or-mwc-input class="button" .type="${a.BUTTON}" .label="${l.t("ok")}" @or-mwc-input-changed="${this.checkForm}"></or-mwc-input>`}];return e`
+            <or-mwc-input style="width: 200px" .type="${a.SELECT}" .value="${null==(t=this.action.alarm)?void 0:t.severity}" .label="${l.t("alarm.severity")}" .options="${[["LOW",l.t("alarm.severity_LOW")],["MEDIUM",l.t("alarm.severity_MEDIUM")],["HIGH",l.t("alarm.severity_HIGH")]]}" @or-mwc-input-changed="${t=>this.setActionAlarmSeverity(t.detail.value)}"></or-mwc-input>
+            <or-mwc-input .type="${a.BUTTON}" .label="${l.t("settings")}" @or-mwc-input-changed="${()=>{let t=this.shadowRoot.getElementById("alarm-modal");t&&t.open()}}"></or-mwc-input>
+            <or-mwc-dialog id="alarm-modal" heading="${this.title}" .actions="${o}"></or-mwc-dialog>
+            <slot class="alarm-form-slot"></slot>
+        `}setActionAlarmSeverity(t){if(t&&this.action.alarm){let e=this.action.alarm;e.severity=t,this.action.alarm=Object.assign({},e)}this.dispatchEvent(new c),this.requestUpdate()}};__decorate([i({type:Object,attribute:!1})],OrRuleAlarmModal.prototype,"action",void 0),__decorate([i({type:String})],OrRuleAlarmModal.prototype,"title",void 0),__decorate([i({type:Object})],OrRuleAlarmModal.prototype,"query",void 0),OrRuleAlarmModal=__decorate([r("or-rule-alarm-modal")],OrRuleAlarmModal);export{OrRuleAlarmModal};