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

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

@@ -1,91 +1,18 @@
-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 { html, LitElement, css } 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 { OrRulesJsonRuleChangedEvent } from "../or-rule-json-viewer";
-import { i18next } from "@openremote/or-translate";
-let OrRuleFormAlarm = class OrRuleFormAlarm extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.users = [];
-    }
-    static get styles() {
-        return css `
-            or-mwc-input {
-                margin-bottom: 20px;
-                min-width: 420px;
-                width: 100%;
-            }
-        `;
-    }
-    render() {
-        const alarm = this.action.alarm;
-        const options = this.users.filter((u) => u.username !== 'manager-keycloak').map((u) => {
-            return { value: u.id, label: u.username };
-        });
-        options.unshift({ value: undefined, label: i18next.t("none") });
-        return html `
-            <form style="display:grid">
-                <or-mwc-input value="${alarm && alarm.title ? alarm.title : ""}" @or-mwc-input-changed="${(e) => this.setActionAlarmName(e.detail.value, "title")}" .label="title" type="${InputType.TEXT}" required placeholder=" "></or-mwc-input>
-                <or-mwc-input value="${alarm && alarm.content ? alarm.content : ""}" @or-mwc-input-changed="${(e) => this.setActionAlarmName(e.detail.value, "content")}" .label=content" type="${InputType.TEXTAREA}" required placeholder=" " ></or-mwc-input>
-                <or-mwc-input .label="${i18next.t("alarm.assignee")}"
-                              .type="${InputType.SELECT}"
-                              .options="${options.map((obj) => obj.label)}"
-                              .value="${this.action.assigneeId ? options.filter((obj) => obj.value === this.action.assigneeId).map((obj) => obj.label)[0] : ""}"
-                              @or-mwc-input-changed="${(e) => {
-            this.action.assigneeId = options.filter((obj) => obj.label === e.detail.value).map((obj) => obj.value)[0];
-            this.setActionAlarmName(e.detail.value, undefined);
-        }}"
-                ></or-mwc-input> 
-            </form>
-        `;
-    }
-    setActionAlarmName(value, key) {
-        if (key && this.action.alarm) {
-            const alarm = this.action.alarm;
-            alarm[key] = value;
-            this.action.alarm = Object.assign({}, alarm);
-        }
-        if (!key) {
-            this.action.assigneeId = this.users.filter((obj) => obj.username === value).map((obj) => obj.id)[0];
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-};
-__decorate([
-    property({ type: Object, attribute: false })
-], OrRuleFormAlarm.prototype, "action", void 0);
-__decorate([
-    property()
-], OrRuleFormAlarm.prototype, "users", void 0);
-OrRuleFormAlarm = __decorate([
-    customElement("or-rule-form-alarm")
-], OrRuleFormAlarm);
-export { OrRuleFormAlarm };
-//# sourceMappingURL=or-rule-form-alarm.js.map
+var __decorate=this&&this.__decorate||function(e,t,r,o){var a,i=arguments.length,l=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(l=(i<3?a(l):i>3?a(t,r,l):a(t,r))||l);return i>3&&l&&Object.defineProperty(t,r,l),l};import{html as e,LitElement as t,css as r}from"lit";import{customElement as o,property as a}from"lit/decorators.js";import"@openremote/or-mwc-components/or-mwc-input";import{InputType as i}from"@openremote/or-mwc-components/or-mwc-input";import{OrRulesJsonRuleChangedEvent as l}from"../or-rule-json-viewer";import{i18next as n}from"@openremote/or-translate";let OrRuleFormAlarm=class extends t{constructor(){super(...arguments),this.users=[]}static get styles(){return r`
+            or-mwc-input {
+                margin-bottom: 20px;
+                min-width: 420px;
+                width: 100%;
+            }
+        `}render(){let t=this.action.alarm,r=this.users.filter(e=>"manager-keycloak"!==e.username).map(e=>({value:e.id,label:e.username}));return r.unshift({value:void 0,label:n.t("none")}),e`
+            <form style="display:grid">
+                <or-mwc-input value="${t&&t.title?t.title:""}" @or-mwc-input-changed="${e=>this.setActionAlarmName(e.detail.value,"title")}" .label="title" type="${i.TEXT}" required placeholder=" "></or-mwc-input>
+                <or-mwc-input value="${t&&t.content?t.content:""}" @or-mwc-input-changed="${e=>this.setActionAlarmName(e.detail.value,"content")}" .label=content" type="${i.TEXTAREA}" required placeholder=" " ></or-mwc-input>
+                <or-mwc-input .label="${n.t("alarm.assignee")}"
+                              .type="${i.SELECT}"
+                              .options="${r.map(e=>e.label)}"
+                              .value="${this.action.assigneeId?r.filter(e=>e.value===this.action.assigneeId).map(e=>e.label)[0]:""}"
+                              @or-mwc-input-changed="${e=>{this.action.assigneeId=r.filter(t=>t.label===e.detail.value).map(e=>e.value)[0],this.setActionAlarmName(e.detail.value,void 0)}}"
+                ></or-mwc-input> 
+            </form>
+        `}setActionAlarmName(e,t){if(t&&this.action.alarm){let r=this.action.alarm;r[t]=e,this.action.alarm=Object.assign({},r)}t||(this.action.assigneeId=this.users.filter(t=>t.username===e).map(e=>e.id)[0]),this.dispatchEvent(new l),this.requestUpdate()}};__decorate([a({type:Object,attribute:!1})],OrRuleFormAlarm.prototype,"action",void 0),__decorate([a()],OrRuleFormAlarm.prototype,"users",void 0),OrRuleFormAlarm=__decorate([o("or-rule-form-alarm")],OrRuleFormAlarm);export{OrRuleFormAlarm};

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

@@ -1,51 +1,12 @@
-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 { html, LitElement, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import "@openremote/or-mwc-components/or-mwc-input";
-import i18next from "i18next";
-import { translate } from "@openremote/or-translate";
-import "@openremote/or-mwc-components/or-mwc-input";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import { OrRulesJsonRuleChangedEvent } from "../or-rule-json-viewer";
-let OrRuleFormEmailMessage = class OrRuleFormEmailMessage extends translate(i18next)(LitElement) {
-    static get styles() {
-        return css `
-            or-mwc-input {
-                margin-bottom: 20px;
-                min-width: 420px;
-                width: 100%;
-            }
-        `;
-    }
-    render() {
-        if (!this.message) {
-            return html `<or-translate .value="${"errorOccurred"}"></or-translate>`;
-        }
-        return html `
-            <form style="display:grid">
-                <or-mwc-input value="${this.message.subject || ''}" @or-mwc-input-changed="${(e) => this.setActionNotificationName(e.detail.value, "subject")}" .label="${i18next.t("subject")}" type="${InputType.TEXT}" required placeholder=" "></or-mwc-input>
-                <or-mwc-input value="${this.message.html || ""}" @or-mwc-input-changed="${(e) => this.setActionNotificationName(e.detail.value, "html")}" .label="${i18next.t("message")}" type="${InputType.TEXTAREA}" required placeholder=" " ></or-mwc-input>
-            </form>
-        `;
-    }
-    setActionNotificationName(value, key) {
-        if (key && this.message) {
-            this.message[key] = value;
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-};
-__decorate([
-    property({ type: Object })
-], OrRuleFormEmailMessage.prototype, "message", void 0);
-OrRuleFormEmailMessage = __decorate([
-    customElement("or-rule-form-email-message")
-], OrRuleFormEmailMessage);
-export { OrRuleFormEmailMessage };
-//# sourceMappingURL=or-rule-form-email-message.js.map
+var __decorate=this&&this.__decorate||function(e,t,r,o){var i,m=arguments.length,s=m<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(m<3?i(s):m>3?i(t,r,s):i(t,r))||s);return m>3&&s&&Object.defineProperty(t,r,s),s};import{html as e,LitElement as t,css as r}from"lit";import{customElement as o,property as i}from"lit/decorators.js";import"@openremote/or-mwc-components/or-mwc-input";import m from"i18next";import{translate as s}from"@openremote/or-translate";import"@openremote/or-mwc-components/or-mwc-input";import{InputType as a}from"@openremote/or-mwc-components/or-mwc-input";import{OrRulesJsonRuleChangedEvent as c}from"../or-rule-json-viewer";let OrRuleFormEmailMessage=class extends s(m)(t){static get styles(){return r`
+            or-mwc-input {
+                margin-bottom: 20px;
+                min-width: 420px;
+                width: 100%;
+            }
+        `}render(){return this.message?e`
+            <form style="display:grid">
+                <or-mwc-input value="${this.message.subject||""}" @or-mwc-input-changed="${e=>this.setActionNotificationName(e.detail.value,"subject")}" .label="${m.t("subject")}" type="${a.TEXT}" required placeholder=" "></or-mwc-input>
+                <or-mwc-input value="${this.message.html||""}" @or-mwc-input-changed="${e=>this.setActionNotificationName(e.detail.value,"html")}" .label="${m.t("message")}" type="${a.TEXTAREA}" required placeholder=" " ></or-mwc-input>
+            </form>
+        `:e`<or-translate .value="${"errorOccurred"}"></or-translate>`}setActionNotificationName(e,t){t&&this.message&&(this.message[t]=e),this.dispatchEvent(new c),this.requestUpdate()}};__decorate([i({type:Object})],OrRuleFormEmailMessage.prototype,"message",void 0),OrRuleFormEmailMessage=__decorate([o("or-rule-form-email-message")],OrRuleFormEmailMessage);export{OrRuleFormEmailMessage};

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

@@ -1,271 +1,45 @@
-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;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { i18next, translate } from "@openremote/or-translate";
-import { LitElement, css, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import { showSnackbar } from "@openremote/or-mwc-components/or-mwc-snackbar";
-import { OrRulesJsonRuleChangedEvent } from "../or-rule-json-viewer";
-import { when } from "lit/directives/when.js";
-import { until } from "lit/directives/until.js";
-import { guard } from "lit/directives/guard.js";
-import "./or-rule-form-email-message";
-import "./or-rule-form-push-notification";
-import ISO6391 from "iso-639-1";
-import { DefaultColor6 } from "@openremote/core";
-let OrRuleFormLocalized = class OrRuleFormLocalized extends translate(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.type = "push";
-        this.languages = ["en"];
-        this.defaultLang = "en";
-        this.wrongLanguage = false;
-        this._selectedLanguage = "en";
-    }
-    static get styles() {
-        return css `
-            or-mwc-input {
-                margin-bottom: 20px;
-                min-width: 420px;
-                width: 100%;
-            }
-
-            .divider {
-                margin-bottom: 20px;
-                border-top: 1px solid rgba(0, 0, 0, 12%);
-            }
-        `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.defaultLang || !this.languages.includes(this.defaultLang)) {
-            this.defaultLang = this.languages[0];
-        }
-        this._selectedLanguage = this.defaultLang;
-    }
-    render() {
-        var _a;
-        return html `
-            <div>
-                ${when(this.wrongLanguage, () => until(this._getWrongLanguageTemplate()))}
-                ${guard([this.message, this._selectedLanguage, this.languages, this.type], () => html `
-                    ${until(this._getLanguageSelectForm(this._selectedLanguage, this.languages), html `Loading...`)}
-                    ${until(this._getNotificationForm(this.message, this._selectedLanguage), html `Loading...`)}
-                `)}
-                ${when(((_a = this.languages) === null || _a === void 0 ? void 0 : _a.length) && this._validLanguages && (this._validLanguages.length < this.languages.length), () => until(this._getLanguageErrorTemplate(this.languages, this._validLanguages)))}
-            </div>
-        `;
-    }
-    /**
-     * Internal function that returns we "the default language has changed! Fix here" warning. (using {@link TemplateResult})
-     * This template includes a button that will update the default language to the correct one.
-     */
-    _getWrongLanguageTemplate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return html `
-            <or-mwc-input .type="${InputType.BUTTON}" fullWidth outlined
-                          label="defaultLanguageChangedError" style="margin-top: 10px;"
-                          @or-mwc-input-changed="${this._fixDefaultLanguage}"
-            ></or-mwc-input>
-        `;
-        });
-    }
-    /**
-     * Function that corrects the default language in the {@link LocalizedNotificationMessage},
-     * to the one provided by parent elements using {@link defaultLang}.
-     * The {@link wrongLanguage} property will be updated to 'false'.
-     */
-    _fixDefaultLanguage() {
-        if (this.message) {
-            console.debug("Updating default language from " + this.message.defaultLanguage + " to " + this.defaultLang);
-            this.message.defaultLanguage = this.defaultLang;
-            this.wrongLanguage = false;
-            this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        }
-        else {
-            console.warn("Could not fix language, because the message could not be found.");
-            showSnackbar(undefined, "Could not fix language, because the message could not be found.");
-        }
-    }
-    /**
-     * Internal function that returns the "select language" controls form. (using {@link TemplateResult})
-     * Based on {@link languageCodes}, it lists all languages of the ISO6391 specification.
-     */
-    _getLanguageSelectForm(selected_1) {
-        return __awaiter(this, arguments, void 0, function* (selected, languageCodes = [this._selectedLanguage], divider = true) {
-            const languages = languageCodes.map(key => [key, ISO6391.getName(key)]);
-            return html `
-            <div style="display: flex; justify-content: space-between;">
-                <or-mwc-input .type="${InputType.SELECT}" .options="${languages}" .value="${selected}"
-                              @or-mwc-input-changed="${this._onLanguageChange}"
-                ></or-mwc-input>
-            </div>
-            ${when(divider, () => html `
-                <div class="divider"></div>`)}
-        `;
-        });
-    }
-    /**
-     * HTML callback for when the selected language changes.
-     */
-    _onLanguageChange(ev) {
-        this._selectedLanguage = ev.detail.value;
-    }
-    /**
-     * Internal function that returns the correct notification form, based on the type.
-     * Based on {@link lang}, it uses the Notification configured for that language.
-     */
-    _getNotificationForm() {
-        return __awaiter(this, arguments, void 0, function* (message = this.message, lang = this._selectedLanguage) {
-            if (!(message === null || message === void 0 ? void 0 : message.languages)) {
-                return html `<or-translate .value="${"errorOccurred"}"></or-translate>`;
+var __decorate=this&&this.__decorate||function(e,t,a,r){var i,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(o=(n<3?i(o):n>3?i(t,a,o):i(t,a))||o);return n>3&&o&&Object.defineProperty(t,a,o),o},__awaiter=this&&this.__awaiter||function(e,t,a,r){return new(a||(a=Promise))(function(i,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?i(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(o,s)}l((r=r.apply(e,t||[])).next())})};import{i18next as e,translate as t}from"@openremote/or-translate";import{LitElement as a,css as r,html as i}from"lit";import{customElement as n,property as o,state as s}from"lit/decorators.js";import{InputType as l}from"@openremote/or-mwc-components/or-mwc-input";import{showSnackbar as g}from"@openremote/or-mwc-components/or-mwc-snackbar";import{OrRulesJsonRuleChangedEvent as u}from"../or-rule-json-viewer";import{when as c}from"lit/directives/when.js";import{until as d}from"lit/directives/until.js";import{guard as m}from"lit/directives/guard.js";import"./or-rule-form-email-message";import"./or-rule-form-push-notification";import h from"iso-639-1";import{DefaultColor6 as p}from"@openremote/core";let OrRuleFormLocalized=class extends t(e)(a){constructor(){super(...arguments),this.type="push",this.languages=["en"],this.defaultLang="en",this.wrongLanguage=!1,this._selectedLanguage="en"}static get styles(){return r`
+            or-mwc-input {
+                margin-bottom: 20px;
+                min-width: 420px;
+                width: 100%;
             }
-            if (!message.languages[lang]) {
-                message.languages[lang] = {
-                    type: this.type
-                };
+
+            .divider {
+                margin-bottom: 20px;
+                border-top: 1px solid rgba(0, 0, 0, 12%);
             }
-            const msg = message.languages[lang];
-            if (msg.type === "push") {
-                return html `
-                <or-rule-form-push-notification .message="${msg}"></or-rule-form-push-notification>
-            `;
-            }
-            else if (msg.type === "email") {
-                return html `
-                <or-rule-form-email-message .message="${msg}"></or-rule-form-email-message>
-            `;
-            }
-            else {
-                return html `
-                <or-translate .value="${"errorOccurred"}"></or-translate>
-            `;
-            }
-        });
-    }
-    /**
-     * Internal function that returns the "language error" text, if a message is invalid. (using {@link TemplateResult})
-     * Based on {@link validLanguages} and the listed {@link languages}, it shows a string of which ones are invalid.
-     */
-    _getLanguageErrorTemplate(languages, validLanguages) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const invalidLocalesStr = languages.filter(l => !validLanguages.includes(l)).map(l => ISO6391.getName(l)).join(", ");
-            return html `
-            <div style="margin-top: 10px; display: flex; justify-content: end; color: ${DefaultColor6};">
-                <or-translate value="languagesInvalidError"></or-translate>
-                <span style="padding-left: 4px;">${invalidLocalesStr}</span>
-            </div>
-        `;
-        });
-    }
-    /**
-     * A public function that checks if the localized {@link message} is valid.
-     * By looping through the languages, we verify for each email- and push notification if some required variables are empty.
-     * Returns true, or false if ANY language is not valid.
-     */
-    isValid() {
-        var _a, _b, _c;
-        if (((_a = this.message) === null || _a === void 0 ? void 0 : _a.languages) && ((_b = this.languages) === null || _b === void 0 ? void 0 : _b.length)) {
-            // First, cleanup the message
-            this._cleanNotificationMessage();
-            const validLanguages = (_c = this.languages) === null || _c === void 0 ? void 0 : _c.filter(lang => {
-                var _a, _b;
-                if (!((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.languages) === null || _b === void 0 ? void 0 : _b[lang])) {
-                    return true;
-                }
-                const msg = this.message.languages[lang];
-                switch (msg.type) {
-                    case "email":
-                        return msg.subject && msg.html;
-                    case "push":
-                        return msg.title && msg.body;
-                    case "localized":
-                        return false;
-                    default:
-                        return true;
-                }
-            });
-            // Update cached list of valid languages
-            if (JSON.stringify(this._validLanguages) !== JSON.stringify(validLanguages)) {
-                this._validLanguages = validLanguages;
-            }
-            return validLanguages.length === this.languages.length;
-        }
-        return false;
-    }
-    /**
-     * Function that cleans up the localized notification message, by removing empty (or not filled in-) messages.
-     * By looping through the languages, checking the amount of keys in the JS object, we delete languages that can be cleared.
-     */
-    _cleanNotificationMessage() {
-        var _a;
-        if ((_a = this.message) === null || _a === void 0 ? void 0 : _a.languages) {
-            const languageEntries = Object.entries(this.message.languages).filter(([lang, msg]) => {
-                const userDefinedFields = Object.entries(msg).filter(entry => {
-                    if (entry[0] === "type")
-                        return false;
-                    if (entry[1] == null)
-                        return false; // key has no value
-                    if (typeof entry[1] === "string" && entry[1].length === 0)
-                        return false;
-                    if (Array.isArray(entry[1])) {
-                        // Check if any object in the array has at least one key-value pair with a truthy value
-                        const arrayHasValue = entry[1].some(obj => Object.keys(obj).length > 0 && Object.values(obj).some(value => value));
-                        if (!arrayHasValue)
-                            return false;
-                    }
-                    else if (typeof entry[1] === "object") {
-                        if (Object.keys(entry[1]).length === 0 || Object.values(entry[1]).filter(value => value).length === 0)
-                            return false;
-                    }
-                    return true;
-                });
-                if (userDefinedFields.length === 0) {
-                    console.debug(`Removing fields of notification language '${lang}', as they were all empty.`);
-                    return false;
-                }
-                return true;
-            });
-            this.message.languages = Object.fromEntries(languageEntries);
-        }
-    }
-};
-__decorate([
-    property({ type: Object })
-], OrRuleFormLocalized.prototype, "message", void 0);
-__decorate([
-    property({ type: String })
-], OrRuleFormLocalized.prototype, "type", void 0);
-__decorate([
-    property()
-], OrRuleFormLocalized.prototype, "languages", void 0);
-__decorate([
-    property()
-], OrRuleFormLocalized.prototype, "defaultLang", void 0);
-__decorate([
-    property()
-], OrRuleFormLocalized.prototype, "wrongLanguage", void 0);
-__decorate([
-    state()
-], OrRuleFormLocalized.prototype, "_selectedLanguage", void 0);
-__decorate([
-    state()
-], OrRuleFormLocalized.prototype, "_validLanguages", void 0);
-OrRuleFormLocalized = __decorate([
-    customElement("or-rule-form-localized")
-], OrRuleFormLocalized);
-export { OrRuleFormLocalized };
-//# sourceMappingURL=or-rule-form-localized.js.map
+        `}connectedCallback(){super.connectedCallback(),this.defaultLang&&this.languages.includes(this.defaultLang)||(this.defaultLang=this.languages[0]),this._selectedLanguage=this.defaultLang}render(){var e;return i`
+            <div>
+                ${c(this.wrongLanguage,()=>d(this._getWrongLanguageTemplate()))}
+                ${m([this.message,this._selectedLanguage,this.languages,this.type],()=>i`
+                    ${d(this._getLanguageSelectForm(this._selectedLanguage,this.languages),i`Loading...`)}
+                    ${d(this._getNotificationForm(this.message,this._selectedLanguage),i`Loading...`)}
+                `)}
+                ${c((null==(e=this.languages)?void 0:e.length)&&this._validLanguages&&this._validLanguages.length<this.languages.length,()=>d(this._getLanguageErrorTemplate(this.languages,this._validLanguages)))}
+            </div>
+        `}_getWrongLanguageTemplate(){return __awaiter(this,void 0,void 0,function*(){return i`
+            <or-mwc-input .type="${l.BUTTON}" fullWidth outlined
+                          label="defaultLanguageChangedError" style="margin-top: 10px;"
+                          @or-mwc-input-changed="${this._fixDefaultLanguage}"
+            ></or-mwc-input>
+        `})}_fixDefaultLanguage(){this.message?(console.debug("Updating default language from "+this.message.defaultLanguage+" to "+this.defaultLang),this.message.defaultLanguage=this.defaultLang,this.wrongLanguage=!1,this.dispatchEvent(new u)):(console.warn("Could not fix language, because the message could not be found."),g(void 0,"Could not fix language, because the message could not be found."))}_getLanguageSelectForm(e){return __awaiter(this,arguments,void 0,function*(e,t=[this._selectedLanguage],a=!0){let r=t.map(e=>[e,h.getName(e)]);return i`
+            <div style="display: flex; justify-content: space-between;">
+                <or-mwc-input .type="${l.SELECT}" .options="${r}" .value="${e}"
+                              @or-mwc-input-changed="${this._onLanguageChange}"
+                ></or-mwc-input>
+            </div>
+            ${c(a,()=>i`
+                <div class="divider"></div>`)}
+        `})}_onLanguageChange(e){this._selectedLanguage=e.detail.value}_getNotificationForm(){return __awaiter(this,arguments,void 0,function*(e=this.message,t=this._selectedLanguage){if(!(null==e?void 0:e.languages))return i`<or-translate .value="${"errorOccurred"}"></or-translate>`;e.languages[t]||(e.languages[t]={type:this.type});let a=e.languages[t];return"push"===a.type?i`
+                <or-rule-form-push-notification .message="${a}"></or-rule-form-push-notification>
+            `:"email"===a.type?i`
+                <or-rule-form-email-message .message="${a}"></or-rule-form-email-message>
+            `:i`
+                <or-translate .value="${"errorOccurred"}"></or-translate>
+            `})}_getLanguageErrorTemplate(e,t){return __awaiter(this,void 0,void 0,function*(){let a=e.filter(e=>!t.includes(e)).map(e=>h.getName(e)).join(", ");return i`
+            <div style="margin-top: 10px; display: flex; justify-content: end; color: ${p};">
+                <or-translate value="languagesInvalidError"></or-translate>
+                <span style="padding-left: 4px;">${a}</span>
+            </div>
+        `})}isValid(){var e,t,a;if((null==(e=this.message)?void 0:e.languages)&&(null==(t=this.languages)?void 0:t.length)){this._cleanNotificationMessage();let e=null==(a=this.languages)?void 0:a.filter(e=>{var t,a;if(!(null==(a=null==(t=this.message)?void 0:t.languages)?void 0:a[e]))return!0;let r=this.message.languages[e];switch(r.type){case"email":return r.subject&&r.html;case"push":return r.title&&r.body;case"localized":return!1;default:return!0}});return JSON.stringify(this._validLanguages)!==JSON.stringify(e)&&(this._validLanguages=e),e.length===this.languages.length}return!1}_cleanNotificationMessage(){var e;if(null==(e=this.message)?void 0:e.languages){let e=Object.entries(this.message.languages).filter(([e,t])=>0!==Object.entries(t).filter(e=>{if("type"===e[0]||null==e[1]||"string"==typeof e[1]&&0===e[1].length)return!1;if(Array.isArray(e[1])){if(!e[1].some(e=>Object.keys(e).length>0&&Object.values(e).some(e=>e)))return!1}else if("object"==typeof e[1]&&(0===Object.keys(e[1]).length||0===Object.values(e[1]).filter(e=>e).length))return!1;return!0}).length||(console.debug(`Removing fields of notification language '${e}', as they were all empty.`),!1));this.message.languages=Object.fromEntries(e)}}};__decorate([o({type:Object})],OrRuleFormLocalized.prototype,"message",void 0),__decorate([o({type:String})],OrRuleFormLocalized.prototype,"type",void 0),__decorate([o()],OrRuleFormLocalized.prototype,"languages",void 0),__decorate([o()],OrRuleFormLocalized.prototype,"defaultLang",void 0),__decorate([o()],OrRuleFormLocalized.prototype,"wrongLanguage",void 0),__decorate([s()],OrRuleFormLocalized.prototype,"_selectedLanguage",void 0),__decorate([s()],OrRuleFormLocalized.prototype,"_validLanguages",void 0),OrRuleFormLocalized=__decorate([n("or-rule-form-localized")],OrRuleFormLocalized);export{OrRuleFormLocalized};