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

package/lib/or-rule-viewer.js

@@ -1,373 +1,93 @@
-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());
-    });
-};
-/*
- * 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 { css, html, LitElement } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import { OrRulesRequestSaveEvent, OrRulesRuleChangedEvent, OrRulesRuleUnsupportedEvent, OrRulesSaveEvent, RuleViewInfoMap } from "./index";
-import manager, { Util } from "@openremote/core";
-import "./json-viewer/or-rule-json-viewer";
-import "./or-rule-text-viewer";
-import "./or-rule-validity";
-import "./flow-viewer/components/flow-editor";
-import "@openremote/or-mwc-components/or-mwc-input";
-import { translate } from "@openremote/or-translate";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import i18next from "i18next";
-import { showErrorDialog } from "@openremote/or-mwc-components/or-mwc-dialog";
-import { project } from "./flow-viewer/components/flow-editor";
-// language=CSS
-export const style = css `
-
-    :host {
-        display: block;
-        height: 100%;
-        width: 100%;
-        overflow-y: auto;
-    }
-
-    or-rule-validity {
-        margin-left: 10px;
-        margin-right: 20px;
-    }
-
-    .wrapper {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        height: 100%;
-    }
-
-    #main-wrapper.saving {
-        opacity: 0.5;
-        pointer-events: none;
-    }
-    
-    #rule-name {
-        max-width: 400px;
-        flex: 1 1 0;
-        display: flex;
-    }
-    
-    #rule-header {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        box-sizing: border-box;
-        min-height: var(--internal-or-rules-header-height);
-        height: var(--internal-or-rules-header-height);
-        z-index: 7;
-        padding: 15px 20px;
-        --or-icon-fill: var(--internal-or-rules-panel-color);
-    }
-    
-    #rule-header-controls {
-        margin-left: auto;
-        display: flex;
-        align-items: center;
-    }
-    
-    #rule-id {
-        margin-left: 10px;
-        font-size: small;
-    }
-    
-    #active-wrapper {
-        display: flex;
-        align-items: center;
-    }
-    
-    #rule-view {
-        flex-grow: 1;
-        background-color: var(--internal-or-rules-background-color);
-    }
-    
-    .iconfill-gray {
-        margin-left: 10px;
-        --or-icon-fill: var(--internal-or-rules-list-icon-color-ok);
-    }
-
-    .iconfill-red {
-        margin-left: 10px;
-        --or-icon-fill: var(--internal-or-rules-list-icon-color-error);
-    }
-`;
-let OrRuleViewer = class OrRuleViewer extends translate(i18next)(LitElement) {
-    static get styles() {
-        return [
-            style
-        ];
+var __decorate=this&&this.__decorate||function(e,t,r,i){var l,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 o=e.length-1;o>=0;o--)(l=e[o])&&(a=(s<3?l(a):s>3?l(t,r,a):l(t,r))||a);return s>3&&a&&Object.defineProperty(t,r,a),a},__awaiter=this&&this.__awaiter||function(e,t,r,i){return new(r||(r=Promise))(function(l,s){function a(e){try{n(i.next(e))}catch(e){s(e)}}function o(e){try{n(i.throw(e))}catch(e){s(e)}}function n(e){var t;e.done?l(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,o)}n((i=i.apply(e,t||[])).next())})};import{css as e,html as t,LitElement as r}from"lit";import{customElement as i,property as l,query as s}from"lit/decorators.js";import{OrRulesRequestSaveEvent as a,OrRulesRuleChangedEvent as o,OrRulesRuleUnsupportedEvent as n,OrRulesSaveEvent as d,RuleViewInfoMap as u}from"./index";import c,{Util as p}from"@openremote/core";import"./json-viewer/or-rule-json-viewer";import"./or-rule-text-viewer";import"./or-rule-validity";import"./flow-viewer/components/flow-editor";import"@openremote/or-mwc-components/or-mwc-input";import{translate as h}from"@openremote/or-translate";import{InputType as m}from"@openremote/or-mwc-components/or-mwc-input";import v from"i18next";import{showErrorDialog as f}from"@openremote/or-mwc-components/or-mwc-dialog";import{project as w}from"./flow-viewer/components/flow-editor";export const style=e`
+
+    :host {
+        display: block;
+        height: 100%;
+        width: 100%;
+        overflow-y: auto;
     }
-    constructor() {
-        super();
-        this.readonly = false;
-        this.disabled = false;
-        this.modified = false;
-        this._ruleValid = false;
-        this._supported = true;
-        this._focusName = false;
-        this.addEventListener(OrRulesRuleChangedEvent.NAME, this._onRuleChanged);
-        this.addEventListener(OrRulesRuleUnsupportedEvent.NAME, this._onRuleUnsupported);
+
+    or-rule-validity {
+        margin-left: 10px;
+        margin-right: 20px;
     }
-    get valid() {
-        return this.ruleset && this.view && this._ruleValid && this.ruleset.name && this.ruleset.name.length >= 1 && this.ruleset.name.length < 255;
+
+    .wrapper {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        height: 100%;
     }
-    shouldUpdate(_changedProperties) {
-        if (_changedProperties.has("ruleset")) {
-            this._supported = true;
-            this.modified = false;
-            this._ruleValid = false;
-            if (this.ruleset) {
-                this._focusName = true;
-                this.modified = !this.ruleset.id;
-            }
-        }
-        return super.shouldUpdate(_changedProperties);
+
+    #main-wrapper.saving {
+        opacity: 0.5;
+        pointer-events: none;
     }
-    render() {
-        if (!this.ruleset) {
-            return html `<div class="wrapper" style="justify-content: center"><or-translate value="noRuleSelected"></or-translate></div>`;
-        }
-        let viewer = RuleViewInfoMap[this.ruleset.lang].viewTemplateProvider(this.ruleset, this.config, this.readonly);
-        let statusIcon = "help";
-        let statusClass = "iconfill-gray";
-        let statusText = "NOSTATUS";
-        if (this.ruleset.status)
-            statusText = this.ruleset.status;
-        switch (this.ruleset.status) {
-            case "DEPLOYED":
-                statusIcon = "play";
-                statusClass = "iconfill-gray";
-                break;
-            case "READY":
-                statusIcon = "check";
-                statusClass = "iconfill-gray";
-                break;
-            case "COMPILATION_ERROR":
-            case "LOOP_ERROR":
-            case "VALIDITY_PERIOD_ERROR":
-            case "EXECUTION_ERROR":
-                statusIcon = "alert-octagon";
-                statusClass = "iconfill-red";
-                statusText = this.ruleset.error;
-                break;
-            case "DISABLED":
-                statusIcon = "minus-circle";
-                statusClass = "iconfill-gray";
-                break;
-            case "PAUSED":
-                statusIcon = "calendar-arrow-right";
-                statusClass = "iconfill-gray";
-                break;
-            case "EXPIRED":
-                statusIcon = "calendar-remove";
-                statusClass = "iconfill-gray";
-                break;
-            case "REMOVED":
-                statusIcon = "close";
-                statusClass = "iconfill-gray";
-                break;
-            default:
-                statusIcon = "stop";
-                statusClass = "iconfill-gray";
-                statusText = "NOSTATUS";
-        }
-        return html `
-            <div id="main-wrapper" class="wrapper">            
-                <div id="rule-header">
-                    <or-mwc-input id="rule-name" outlined .type="${InputType.TEXT}" .label="${i18next.t("ruleName")}" ?focused="${this._focusName}" .value="${this.ruleset ? this.ruleset.name : null}" ?disabled="${this._isReadonly()}" required minlength="1" maxlength="255" @or-mwc-input-changed="${(e) => this._changeName(e.detail.value)}"></or-mwc-input>
-                    <or-icon class="${statusClass}" title="${i18next.t("rulesetStatus." + statusText)}" icon="${statusIcon}"></or-icon>
-                    <span id="rule-id">${this.ruleset.id ? "ID: " + this.ruleset.id : ""}</span>
-                    <div id="rule-header-controls">
-                        <span id="active-wrapper">
-                            <or-translate value="enabled"></or-translate>
-                            <or-mwc-input .type="${InputType.CHECKBOX}" .value="${this.ruleset && this.ruleset.enabled}" ?disabled="${!this.ruleset.id}" @or-mwc-input-changed="${this._toggleEnabled}"></or-mwc-input>
-                        </span>
-                        <or-rule-validity id="rule-header-validity" .ruleset="${this.ruleset}"></or-rule-validity>
-                        <or-mwc-input .type="${InputType.BUTTON}" id="save-btn" label="save" raised ?disabled="${this._cannotSave()}" @or-mwc-input-changed="${this._onSaveClicked}"></or-mwc-input>
-                    </div>                        
-                </div>
-
-                ${viewer}
-            </div>
-        `;
+    
+    #rule-name {
+        max-width: 400px;
+        flex: 1 1 0;
+        display: flex;
     }
-    updated(_changedProperties) {
-        if (_changedProperties.has("ruleset") || _changedProperties.has("modified")) {
-            if (this.ruleset && this.view) {
-                this._ruleValid = this.view.validate();
-            }
-        }
+    
+    #rule-header {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        box-sizing: border-box;
+        min-height: var(--internal-or-rules-header-height);
+        height: var(--internal-or-rules-header-height);
+        z-index: 7;
+        padding: 15px 20px;
+        --or-icon-fill: var(--internal-or-rules-panel-color);
     }
-    _isReadonly() {
-        return this.readonly || !manager.hasRole("write:rules" /* ClientRole.WRITE_RULES */);
+    
+    #rule-header-controls {
+        margin-left: auto;
+        display: flex;
+        align-items: center;
     }
-    _cannotSave() {
-        return this._isReadonly() || !this.ruleset || !this.modified || !this.valid;
+    
+    #rule-id {
+        margin-left: 10px;
+        font-size: small;
     }
-    _changeName(name) {
-        if (this.ruleset && this.ruleset.name !== name) {
-            this.ruleset.name = name;
-            this.modified = true;
-            this.requestUpdate();
-        }
+    
+    #active-wrapper {
+        display: flex;
+        align-items: center;
     }
-    _onRuleChanged(e) {
-        this.modified = true;
-        this._ruleValid = e.detail;
+    
+    #rule-view {
+        flex-grow: 1;
+        background-color: var(--internal-or-rules-background-color);
     }
-    _onSaveClicked() {
-        if (!this.ruleset || !this.view) {
-            return;
-        }
-        project.emit("fitview");
-        if (this.config && this.config.rulesetSaveHandler && !this.config.rulesetSaveHandler(this.ruleset)) {
-            return;
-        }
-        Util.dispatchCancellableEvent(this, new OrRulesRequestSaveEvent(this.ruleset))
-            .then((detail) => {
-            if (detail.allow) {
-                this._doSave();
-            }
-        });
+    
+    .iconfill-gray {
+        margin-left: 10px;
+        --or-icon-fill: var(--internal-or-rules-list-icon-color-ok);
     }
-    _doSave() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const ruleset = this.ruleset;
-            if (!ruleset || !this.view) {
-                return;
-            }
-            let fail = false;
-            const isNew = !ruleset.id;
-            this.saveBtnElem.disabled = true;
-            this.wrapperElem.classList.add("saving");
-            this.view.beforeSave();
-            let response;
-            try {
-                switch (ruleset.type) {
-                    case "asset":
-                        if (isNew) {
-                            response = yield manager.rest.api.RulesResource.createAssetRuleset(ruleset);
-                        }
-                        else {
-                            response = yield manager.rest.api.RulesResource.updateAssetRuleset(ruleset.id, ruleset);
-                        }
-                        break;
-                    case "realm":
-                        if (isNew) {
-                            response = yield manager.rest.api.RulesResource.createRealmRuleset(ruleset);
-                        }
-                        else {
-                            response = yield manager.rest.api.RulesResource.updateRealmRuleset(ruleset.id, ruleset);
-                        }
-                        break;
-                    case "global":
-                        if (isNew) {
-                            response = yield manager.rest.api.RulesResource.createGlobalRuleset(ruleset);
-                        }
-                        else {
-                            response = yield manager.rest.api.RulesResource.updateGlobalRuleset(ruleset.id, ruleset);
-                        }
-                        break;
-                }
-                if (response.status !== (isNew ? 200 : 204)) {
-                    fail = true;
-                    showErrorDialog("Create ruleset returned unexpected status: " + response.status);
-                    return;
-                }
-                else if (response.data) {
-                    ruleset.id = response.data;
-                }
-            }
-            catch (e) {
-                fail = true;
-                console.error("Failed to save ruleset", e);
-            }
-            this.wrapperElem.classList.remove("saving");
-            this.saveBtnElem.disabled = false;
-            if (fail) {
-                showErrorDialog(i18next.t("saveRulesetFailed"));
-            }
-            this.dispatchEvent(new OrRulesSaveEvent({
-                ruleset: ruleset,
-                isNew: isNew,
-                success: !fail
-            }));
-        });
+
+    .iconfill-red {
+        margin-left: 10px;
+        --or-icon-fill: var(--internal-or-rules-list-icon-color-error);
     }
-    _onRuleUnsupported() {
-        this._supported = false;
-    }
-    _toggleEnabled() {
-        if (this.ruleset) {
-            this.ruleset.enabled = !this.ruleset.enabled;
-            this.modified = true;
-            this.requestUpdate();
-        }
-    }
-};
-__decorate([
-    property({ type: Object })
-], OrRuleViewer.prototype, "ruleset", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrRuleViewer.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrRuleViewer.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleViewer.prototype, "config", void 0);
-__decorate([
-    property({ attribute: false })
-], OrRuleViewer.prototype, "modified", void 0);
-__decorate([
-    property({ attribute: false })
-], OrRuleViewer.prototype, "_ruleValid", void 0);
-__decorate([
-    property({ attribute: false })
-], OrRuleViewer.prototype, "_supported", void 0);
-__decorate([
-    query("#rule-view")
-], OrRuleViewer.prototype, "view", void 0);
-__decorate([
-    query("#main-wrapper")
-], OrRuleViewer.prototype, "wrapperElem", void 0);
-__decorate([
-    query("#save-btn")
-], OrRuleViewer.prototype, "saveBtnElem", void 0);
-OrRuleViewer = __decorate([
-    customElement("or-rule-viewer")
-], OrRuleViewer);
-export { OrRuleViewer };
-//# sourceMappingURL=or-rule-viewer.js.map
+`;let OrRuleViewer=class extends h(v)(r){static get styles(){return[style]}constructor(){super(),this.readonly=!1,this.disabled=!1,this.modified=!1,this._ruleValid=!1,this._supported=!0,this._focusName=!1,this.addEventListener(o.NAME,this._onRuleChanged),this.addEventListener(n.NAME,this._onRuleUnsupported)}get valid(){return this.ruleset&&this.view&&this._ruleValid&&this.ruleset.name&&this.ruleset.name.length>=1&&this.ruleset.name.length<255}shouldUpdate(e){return e.has("ruleset")&&(this._supported=!0,this.modified=!1,this._ruleValid=!1,this.ruleset&&(this._focusName=!0,this.modified=!this.ruleset.id)),super.shouldUpdate(e)}render(){if(!this.ruleset)return t`<div class="wrapper" style="justify-content: center"><or-translate value="noRuleSelected"></or-translate></div>`;let e=u[this.ruleset.lang].viewTemplateProvider(this.ruleset,this.config,this.readonly),r="help",i="iconfill-gray",l="NOSTATUS";switch(this.ruleset.status&&(l=this.ruleset.status),this.ruleset.status){case"DEPLOYED":r="play",i="iconfill-gray";break;case"READY":r="check",i="iconfill-gray";break;case"COMPILATION_ERROR":case"LOOP_ERROR":case"VALIDITY_PERIOD_ERROR":case"EXECUTION_ERROR":r="alert-octagon",i="iconfill-red",l=this.ruleset.error;break;case"DISABLED":r="minus-circle",i="iconfill-gray";break;case"PAUSED":r="calendar-arrow-right",i="iconfill-gray";break;case"EXPIRED":r="calendar-remove",i="iconfill-gray";break;case"REMOVED":r="close",i="iconfill-gray";break;default:r="stop",i="iconfill-gray",l="NOSTATUS"}return t`
+            <div id="main-wrapper" class="wrapper">            
+                <div id="rule-header">
+                    <or-mwc-input id="rule-name" outlined .type="${m.TEXT}" .label="${v.t("ruleName")}" ?focused="${this._focusName}" .value="${this.ruleset?this.ruleset.name:null}" ?disabled="${this._isReadonly()}" required minlength="1" maxlength="255" @or-mwc-input-changed="${e=>this._changeName(e.detail.value)}"></or-mwc-input>
+                    <or-icon class="${i}" title="${v.t("rulesetStatus."+l)}" icon="${r}"></or-icon>
+                    <span id="rule-id">${this.ruleset.id?"ID: "+this.ruleset.id:""}</span>
+                    <div id="rule-header-controls">
+                        <span id="active-wrapper">
+                            <or-translate value="enabled"></or-translate>
+                            <or-mwc-input .type="${m.CHECKBOX}" .value="${this.ruleset&&this.ruleset.enabled}" ?disabled="${!this.ruleset.id}" @or-mwc-input-changed="${this._toggleEnabled}"></or-mwc-input>
+                        </span>
+                        <or-rule-validity id="rule-header-validity" .ruleset="${this.ruleset}"></or-rule-validity>
+                        <or-mwc-input .type="${m.BUTTON}" id="save-btn" label="save" raised ?disabled="${this._cannotSave()}" @or-mwc-input-changed="${this._onSaveClicked}"></or-mwc-input>
+                    </div>                        
+                </div>
+
+                ${e}
+            </div>
+        `}updated(e){(e.has("ruleset")||e.has("modified"))&&this.ruleset&&this.view&&(this._ruleValid=this.view.validate())}_isReadonly(){return this.readonly||!c.hasRole("write:rules")}_cannotSave(){return this._isReadonly()||!this.ruleset||!this.modified||!this.valid}_changeName(e){this.ruleset&&this.ruleset.name!==e&&(this.ruleset.name=e,this.modified=!0,this.requestUpdate())}_onRuleChanged(e){this.modified=!0,this._ruleValid=e.detail}_onSaveClicked(){this.ruleset&&this.view&&(w.emit("fitview"),(!this.config||!this.config.rulesetSaveHandler||this.config.rulesetSaveHandler(this.ruleset))&&p.dispatchCancellableEvent(this,new a(this.ruleset)).then(e=>{e.allow&&this._doSave()}))}_doSave(){return __awaiter(this,void 0,void 0,function*(){let e,t=this.ruleset;if(!t||!this.view)return;let r=!1,i=!t.id;this.saveBtnElem.disabled=!0,this.wrapperElem.classList.add("saving"),this.view.beforeSave();try{switch(t.type){case"asset":e=i?yield c.rest.api.RulesResource.createAssetRuleset(t):yield c.rest.api.RulesResource.updateAssetRuleset(t.id,t);break;case"realm":e=i?yield c.rest.api.RulesResource.createRealmRuleset(t):yield c.rest.api.RulesResource.updateRealmRuleset(t.id,t);break;case"global":e=i?yield c.rest.api.RulesResource.createGlobalRuleset(t):yield c.rest.api.RulesResource.updateGlobalRuleset(t.id,t)}if(e.status!==(i?200:204)){r=!0,f("Create ruleset returned unexpected status: "+e.status);return}e.data&&(t.id=e.data)}catch(e){r=!0,console.error("Failed to save ruleset",e)}this.wrapperElem.classList.remove("saving"),this.saveBtnElem.disabled=!1,r&&f(v.t("saveRulesetFailed")),this.dispatchEvent(new d({ruleset:t,isNew:i,success:!r}))})}_onRuleUnsupported(){this._supported=!1}_toggleEnabled(){this.ruleset&&(this.ruleset.enabled=!this.ruleset.enabled,this.modified=!0,this.requestUpdate())}};__decorate([l({type:Object})],OrRuleViewer.prototype,"ruleset",void 0),__decorate([l({type:Boolean})],OrRuleViewer.prototype,"readonly",void 0),__decorate([l({type:Boolean})],OrRuleViewer.prototype,"disabled",void 0),__decorate([l({type:Object})],OrRuleViewer.prototype,"config",void 0),__decorate([l({attribute:!1})],OrRuleViewer.prototype,"modified",void 0),__decorate([l({attribute:!1})],OrRuleViewer.prototype,"_ruleValid",void 0),__decorate([l({attribute:!1})],OrRuleViewer.prototype,"_supported",void 0),__decorate([s("#rule-view")],OrRuleViewer.prototype,"view",void 0),__decorate([s("#main-wrapper")],OrRuleViewer.prototype,"wrapperElem",void 0),__decorate([s("#save-btn")],OrRuleViewer.prototype,"saveBtnElem",void 0),OrRuleViewer=__decorate([i("or-rule-viewer")],OrRuleViewer);export{OrRuleViewer};

package/lib/style.js

@@ -1,89 +1,64 @@
-/*
- * 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 { DefaultColor5 } from "@openremote/core";
-import { css, unsafeCSS } from "lit";
-// language=CSS
-export const invalidStyle = css `
-    *:invalid {
-        border-bottom: 2px solid var(--internal-or-rules-invalid-color);
-    }
-`;
-// language=CSS
-export const buttonStyle = css `
-    .button-clear {
-        background: none;
-        color: ${unsafeCSS(DefaultColor5)};
-        --or-icon-fill: ${unsafeCSS(DefaultColor5)};
-        visibility: hidden;
-        display: inline-block;
-        border: none;
-        padding: 0;
-        cursor: pointer;
-    }
-
-    .button-clear:hover {
-        --or-icon-fill: var(--internal-or-rules-button-color);
-    }
-
-    .button-clear:focus {
-        outline: 0;
-    }
-
-    .button-clear.hidden {
-        visibility: hidden;
-    }
-
-    .plus-button {
-        --or-icon-fill: var(--internal-or-rules-button-color);
-    }
-    
-    .add-button {
-        display: inline-block;
-        font-weight: bold;
-        font-size: 15px;
-        line-height: 24px;
-    }
-
-    .add-buttons-container {
-        display: flex;
-        flex-direction: column;
-        margin-top: 10px;
-        margin-bottom: -10px;
-        padding-top: 5px;
-        border-top-width: 1px;
-        border-top-style: solid;
-        border-color: var(--internal-or-rules-line-color);
-    }
-
-    .add-buttons-container.hidden {
-        border: none;
-        margin: 0;
-        padding: 0;
-    }
-    
-    .add-buttons-container > button {
-        display: inline-flex;
-    }
-
-    .add-buttons-container > button > or-icon {
-        margin-right: 5px;
-    }
-`;
-//# sourceMappingURL=style.js.map
+import{DefaultColor5 as o}from"@openremote/core";import{css as n,unsafeCSS as t}from"lit";export const invalidStyle=n`
+    *:invalid {
+        border-bottom: 2px solid var(--internal-or-rules-invalid-color);
+    }
+`;export const buttonStyle=n`
+    .button-clear {
+        background: none;
+        color: ${t(o)};
+        --or-icon-fill: ${t(o)};
+        visibility: hidden;
+        display: inline-block;
+        border: none;
+        padding: 0;
+        cursor: pointer;
+    }
+
+    .button-clear:hover {
+        --or-icon-fill: var(--internal-or-rules-button-color);
+    }
+
+    .button-clear:focus {
+        outline: 0;
+    }
+
+    .button-clear.hidden {
+        visibility: hidden;
+    }
+
+    .plus-button {
+        --or-icon-fill: var(--internal-or-rules-button-color);
+    }
+    
+    .add-button {
+        display: inline-block;
+        font-weight: bold;
+        font-size: 15px;
+        line-height: 24px;
+    }
+
+    .add-buttons-container {
+        display: flex;
+        flex-direction: column;
+        margin-top: 10px;
+        margin-bottom: -10px;
+        padding-top: 5px;
+        border-top-width: 1px;
+        border-top-style: solid;
+        border-color: var(--internal-or-rules-line-color);
+    }
+
+    .add-buttons-container.hidden {
+        border: none;
+        margin: 0;
+        padding: 0;
+    }
+    
+    .add-buttons-container > button {
+        display: inline-flex;
+    }
+
+    .add-buttons-container > button > or-icon {
+        margin-right: 5px;
+    }
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openremote/or-rules",
-  "version": "1.8.0-snapshot.20250725120002",
+  "version": "1.8.0-snapshot.20250728102340",
   "description": "OpenRemote rules related UI components",
   "customElements": "custom-elements.json",
   "main": "dist/umd/index.bundle.js",
@@ -18,15 +18,15 @@
   "author": "OpenRemote",
   "license": "AGPL-3.0-or-later",
   "dependencies": {
-    "@openremote/core": "1.8.0-snapshot.20250725120002",
-    "@openremote/model": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-attribute-input": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-components": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-icon": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-mwc-components": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-translate": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-tree-menu": "1.8.0-snapshot.20250725120002",
-    "@openremote/rest": "1.8.0-snapshot.20250725120002",
+    "@openremote/core": "1.8.0-snapshot.20250728102340",
+    "@openremote/model": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-attribute-input": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-components": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-icon": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-mwc-components": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-translate": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-tree-menu": "1.8.0-snapshot.20250728102340",
+    "@openremote/rest": "1.8.0-snapshot.20250728102340",
     "ace-builds": "^1.41.0",
     "iso-639-1": "^3.1.3",
     "linqts": "^1.12.6",
@@ -37,7 +37,7 @@
     "shortid": "^2.2.15"
   },
   "devDependencies": {
-    "@openremote/util": "1.8.0-snapshot.20250725120002",
+    "@openremote/util": "1.8.0-snapshot.20250728102340",
     "@types/shortid": "^0.0.29"
   },
   "publishConfig": {