@openremote/or-rules 1.8.0-snapshot.20250725074716 → 1.8.0-snapshot.20250725120001

package/lib/or-rule-text-viewer.js

@@ -1,25 +1,136 @@
-var __decorate=this&&this.__decorate||function(e,t,r,i){var o,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(a=(s<3?o(a):s>3?o(t,r,a):o(t,r))||a);return s>3&&a&&Object.defineProperty(t,r,a),a};import{OrRulesRuleChangedEvent as e}from"./index";import{css as t,html as r,LitElement as i}from"lit";import{customElement as o,property as s}from"lit/decorators.js";import"ace-builds/src-noconflict/mode-javascript";import"ace-builds/src-noconflict/mode-json";import"ace-builds/src-noconflict/mode-groovy";import"@openremote/or-components/or-ace-editor";import{createRef as a,ref as l}from"lit/directives/ref.js";let style=t`
-    :host {
-        display: flex;
-        width: 100%;
-        height: 100%;
-    }
-
-    #ace-editor {
-        position: relative;
-        height: 100%;
-        width: 100%;
-    }
-
-    @media screen and (max-width: 1400px) {
-        :host > * {
-            flex-grow: 0;
+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 2025, 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 { OrRulesRuleChangedEvent } from "./index";
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-groovy";
+import "@openremote/or-components/or-ace-editor";
+import { createRef, ref } from "lit/directives/ref.js";
+// language=CSS
+const style = css `
+    :host {
+        display: flex;
+        width: 100%;
+        height: 100%;
+    }
+
+    #ace-editor {
+        position: relative;
+        height: 100%;
+        width: 100%;
+    }
+
+    @media screen and (max-width: 1400px) {
+        :host > * {
+            flex-grow: 0;
+        }
+
+        :host {
+            flex-direction: column;
+        }
+    }
+`;
+let OrRuleTextViewer = class OrRuleTextViewer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._aceEditor = createRef();
+    }
+    static get styles() {
+        return style;
+    }
+    set ruleset(ruleset) {
+        if (this._ruleset === ruleset) {
+            return;
+        }
+        this._ruleset = ruleset;
+        if (!ruleset.rules) {
+            // New ruleset so start a new rule
+            this._rules = this._createRules();
+        }
+        else {
+            this._rules = ruleset.rules;
+        }
+    }
+    _createRules() {
+        return "";
+    }
+    render() {
+        return html `
+            <or-ace-editor ${ref(this._aceEditor)} @or-ace-editor-changed="${(ev) => this._onEditorChanged(ev)}" .mode="${this._getMode()}" .value="${this._getRulesString()}"></or-ace-editor>
+        `;
+    }
+    _getMode() {
+        switch (this._ruleset.lang) {
+            case "JAVASCRIPT" /* RulesetLang.JAVASCRIPT */:
+                return "ace/mode/javascript";
+            case "GROOVY" /* RulesetLang.GROOVY */:
+                return "ace/mode/groovy";
+            case "JSON" /* RulesetLang.JSON */:
+                return "ace/mode/json";
+        }
+    }
+    _getRulesString() {
+        if (!this._rules) {
+            return "";
         }
-
-        :host {
-            flex-direction: column;
+        switch (this._ruleset.lang) {
+            case "JAVASCRIPT" /* RulesetLang.JAVASCRIPT */:
+            case "GROOVY" /* RulesetLang.GROOVY */:
+                return this._rules;
+            case "JSON" /* RulesetLang.JSON */:
+                return JSON.stringify(JSON.parse(this._rules), null, 2);
         }
     }
-`,OrRuleTextViewer=class extends i{constructor(){super(...arguments),this._aceEditor=a()}static get styles(){return style}set ruleset(e){this._ruleset!==e&&(this._ruleset=e,e.rules?this._rules=e.rules:this._rules=this._createRules())}_createRules(){return""}render(){return r`
-            <or-ace-editor ${l(this._aceEditor)} @or-ace-editor-changed="${e=>this._onEditorChanged(e)}" .mode="${this._getMode()}" .value="${this._getRulesString()}"></or-ace-editor>
-        `}_getMode(){switch(this._ruleset.lang){case"JAVASCRIPT":return"ace/mode/javascript";case"GROOVY":return"ace/mode/groovy";case"JSON":return"ace/mode/json"}}_getRulesString(){if(!this._rules)return"";switch(this._ruleset.lang){case"JAVASCRIPT":case"GROOVY":return this._rules;case"JSON":return JSON.stringify(JSON.parse(this._rules),null,2)}}_onEditorChanged(t){let r=t.detail.valid;this.dispatchEvent(new e(r))}beforeSave(){this._aceEditor.value&&(this._ruleset.rules=this._aceEditor.value.getValue())}validate(){return!!this._aceEditor.value&&this._aceEditor.value.validate()}};__decorate([s({attribute:!1})],OrRuleTextViewer.prototype,"readonly",void 0),__decorate([s({attribute:!1})],OrRuleTextViewer.prototype,"config",void 0),__decorate([s({attribute:!1})],OrRuleTextViewer.prototype,"_ruleset",void 0),OrRuleTextViewer=__decorate([o("or-rule-text-viewer")],OrRuleTextViewer);export{OrRuleTextViewer};
+    _onEditorChanged(ev) {
+        const valid = ev.detail.valid;
+        this.dispatchEvent(new OrRulesRuleChangedEvent(valid));
+    }
+    beforeSave() {
+        if (!this._aceEditor.value) {
+            return;
+        }
+        this._ruleset.rules = this._aceEditor.value.getValue();
+    }
+    validate() {
+        return this._aceEditor.value ? this._aceEditor.value.validate() : false;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], OrRuleTextViewer.prototype, "readonly", void 0);
+__decorate([
+    property({ attribute: false })
+], OrRuleTextViewer.prototype, "config", void 0);
+__decorate([
+    property({ attribute: false })
+], OrRuleTextViewer.prototype, "_ruleset", void 0);
+OrRuleTextViewer = __decorate([
+    customElement("or-rule-text-viewer")
+], OrRuleTextViewer);
+export { OrRuleTextViewer };
+//# sourceMappingURL=or-rule-text-viewer.js.map