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

package/lib/json-viewer/or-rule-condition.js

@@ -1,29 +1,216 @@
-var __decorate=this&&this.__decorate||function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var p=e.length-1;p>=0;p--)(i=e[p])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};import{css as e,html as t,LitElement as o}from"lit";import{customElement as r,property as i,query as s}from"lit/decorators.js";import{AssetModelUtil as n}from"@openremote/model";import{getAssetTypeFromQuery as p}from"../index";import"./or-rule-asset-query";import"./or-rule-trigger-query";import"@openremote/or-mwc-components/or-mwc-menu";import{getContentWithMenuTemplate as l}from"@openremote/or-mwc-components/or-mwc-menu";import"@openremote/or-icon";import"@openremote/or-translate";import{InputType as c}from"@openremote/or-mwc-components/or-mwc-input";import{Util as a}from"@openremote/core";import{i18next as u,translate as d}from"@openremote/or-translate";import{OrRulesJsonRuleChangedEvent as y}from"./or-rule-json-viewer";let TIMER_COLOR="4b87ea",DATE_TIME_COLOR="6AEAA4";export function getWhenTypesMenu(e,t){let o=!0,r=!0,i=!0;e&&e.controls&&e.controls.allowedConditionTypes&&(o=e.controls.allowedConditionTypes.indexOf("assetQuery")>=0,r=e.controls.allowedConditionTypes.indexOf("agentQuery")>=0,i=e.controls.allowedConditionTypes.indexOf("time")>=0);let s=[];if(t){if(o){let e=t.filter(e=>"agent"!==e.assetDescriptor.descriptorType).map(e=>{let t=n.getAssetDescriptorColour(e),o=n.getAssetDescriptorIcon(e);return{text:a.getAssetTypeLabel(e.assetDescriptor),value:e.assetDescriptor.name,icon:o||n.getAssetDescriptorIcon("ThingAsset"),styleMap:t?{"--or-icon-fill":"#"+t}:void 0}});s.push(...e.sort(a.sortByString(e=>e.text)))}if(o&&r&&s.push(null),r){let e=t.filter(e=>"agent"===e.assetDescriptor.descriptorType).map(e=>{let t=n.getAssetDescriptorColour(e),o=n.getAssetDescriptorIcon(e);return{text:a.getAssetTypeLabel(e.assetDescriptor),value:e.assetDescriptor.name,icon:o||n.getAssetDescriptorIcon("ThingAsset"),styleMap:t?{"--or-icon-fill":"#"+t}:void 0}});s.push(...e.sort(a.sortByString(e=>e.text)))}}return i&&(s.push(null),s.push({text:u.t("time"),icon:"timer",value:"time",styleMap:{"--or-icon-fill":"#"+TIMER_COLOR}})),s}export function updateRuleConditionType(e,t,o){if(t)if("time"===t){e.assets=void 0;let t=new Date;e.cron=a.formatCronString(void 0,void 0,void 0,t.getUTCHours().toString(),t.getUTCMinutes().toString())}else e.cron=void 0,o&&o.json&&o.json.whenAssetQuery?e.assets=JSON.parse(JSON.stringify(o.json.whenAssetQuery)):e.assets={},e.assets.types=[t];else e.assets=void 0,e.cron=void 0,e.sun=void 0}let style=e`
-    :host {
-        display: flex;
-        flex-direction: row;
-    }
-    
-    or-rule-asset-query {
-        flex-grow: 1;
-    }
-
-    #type {
-        white-space: nowrap;
-        text-transform: capitalize;
-        margin: 14px 3px auto 0;
-    }
-`,OrRuleCondition=class extends d(u)(o){constructor(){super(...arguments),this.readonly=!1}static get styles(){return style}render(){let e=!this.config||!this.config.controls||!0!==this.config.controls.hideConditionTypeOptions,o=this.type;if(!o&&!e)return t`<span>INVALID CONFIG - NO TYPE SPECIFIED AND TYPE SELECTOR DISABLED</span>`;let r="",i="";if(e){let e,i="inherit";if(o)if("time"===o)e="timer",i=TIMER_COLOR;else{let t=n.getAssetDescriptor(o);e=n.getAssetDescriptorIcon(t)||e,i=n.getAssetDescriptorColour(t)||i}r=this.readonly?t`
-                <div id="type" style="--or-mwc-input-color: #${i}">
-                    <or-mwc-input readonly type="${c.BUTTON}" .icon="${e||""}"></or-mwc-input>
-                </div>
-                `:t`
-                <div id="type" style="--or-mwc-input-color: #${i}">
-                    ${l(t`<or-mwc-input type="${c.BUTTON}" .icon="${e||""}"></or-mwc-input>`,getWhenTypesMenu(this.config,this.assetInfos),o,e=>this.type=e)}
-                </div>
-            `}return o&&(i="time"===o?t`<or-rule-trigger-query id="asset-query" .condition="${this.ruleCondition}"></or-rule-trigger-query>`:t`<or-rule-asset-query id="asset-query" .config="${this.config}" .assetInfos="${this.assetInfos}" .readonly="${this.readonly}"
-                                                         .condition="${this.ruleCondition}" .assetProvider="${this.assetProvider}"
-                    ></or-rule-asset-query>`),t`
-            ${r}        
-            ${i}
-        `}get type(){let e=p(this.ruleCondition.assets);return e||(this.ruleCondition.cron||this.ruleCondition.sun?"time":void 0)}set type(e){updateRuleConditionType(this.ruleCondition,e,this.config),this._assetQuery&&this._assetQuery.refresh(),this.dispatchEvent(new y),this.requestUpdate()}};__decorate([i({type:Object,attribute:!1})],OrRuleCondition.prototype,"ruleCondition",void 0),__decorate([i({type:Object})],OrRuleCondition.prototype,"config",void 0),__decorate([i({type:Object})],OrRuleCondition.prototype,"assetInfos",void 0),__decorate([i({type:Object})],OrRuleCondition.prototype,"assetProvider",void 0),__decorate([s("#asset-query")],OrRuleCondition.prototype,"_assetQuery",void 0),OrRuleCondition=__decorate([r("or-rule-condition")],OrRuleCondition);
+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 { css, html, LitElement } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { AssetModelUtil } from "@openremote/model";
+import { getAssetTypeFromQuery } from "../index";
+import "./or-rule-asset-query";
+import "./or-rule-trigger-query";
+import "@openremote/or-mwc-components/or-mwc-menu";
+import { getContentWithMenuTemplate } from "@openremote/or-mwc-components/or-mwc-menu";
+import "@openremote/or-icon";
+import "@openremote/or-translate";
+import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
+import { Util } from "@openremote/core";
+import { i18next, translate } from "@openremote/or-translate";
+import { OrRulesJsonRuleChangedEvent } from "./or-rule-json-viewer";
+const TIMER_COLOR = "4b87ea";
+const DATE_TIME_COLOR = "6AEAA4";
+export function getWhenTypesMenu(config, assetInfos) {
+    let addAssetTypes = true;
+    let addAgentTypes = true;
+    let addTimer = true;
+    if (config && config.controls && config.controls.allowedConditionTypes) {
+        addAssetTypes = config.controls.allowedConditionTypes.indexOf("assetQuery" /* ConditionType.ASSET_QUERY */) >= 0;
+        addAgentTypes = config.controls.allowedConditionTypes.indexOf("agentQuery" /* ConditionType.AGENT_QUERY */) >= 0;
+        addTimer = config.controls.allowedConditionTypes.indexOf("time" /* ConditionType.TIME */) >= 0;
+    }
+    const menu = [];
+    if (assetInfos) {
+        if (addAssetTypes) {
+            const items = assetInfos.filter((assetInfo) => assetInfo.assetDescriptor.descriptorType !== "agent").map((assetTypeInfo) => {
+                const color = AssetModelUtil.getAssetDescriptorColour(assetTypeInfo);
+                const icon = AssetModelUtil.getAssetDescriptorIcon(assetTypeInfo);
+                const styleMap = color ? { "--or-icon-fill": "#" + color } : undefined;
+                return {
+                    text: Util.getAssetTypeLabel(assetTypeInfo.assetDescriptor),
+                    value: assetTypeInfo.assetDescriptor.name,
+                    icon: icon ? icon : AssetModelUtil.getAssetDescriptorIcon("ThingAsset" /* WellknownAssets.THINGASSET */),
+                    styleMap: styleMap
+                };
+            });
+            menu.push(...items.sort(Util.sortByString((listItem) => listItem.text)));
+        }
+        if (addAssetTypes && addAgentTypes) {
+            menu.push(null);
+        }
+        if (addAgentTypes) {
+            const items = assetInfos.filter((assetInfo) => assetInfo.assetDescriptor.descriptorType === "agent").map((assetTypeInfo) => {
+                const color = AssetModelUtil.getAssetDescriptorColour(assetTypeInfo);
+                const icon = AssetModelUtil.getAssetDescriptorIcon(assetTypeInfo);
+                const styleMap = color ? { "--or-icon-fill": "#" + color } : undefined;
+                return {
+                    text: Util.getAssetTypeLabel(assetTypeInfo.assetDescriptor),
+                    value: assetTypeInfo.assetDescriptor.name,
+                    icon: icon ? icon : AssetModelUtil.getAssetDescriptorIcon("ThingAsset" /* WellknownAssets.THINGASSET */),
+                    styleMap: styleMap
+                };
+            });
+            menu.push(...items.sort(Util.sortByString((listItem) => listItem.text)));
+        }
+    }
+    if (addTimer) {
+        menu.push(null);
+        menu.push({
+            text: i18next.t("time"),
+            icon: "timer",
+            value: "time" /* ConditionType.TIME */,
+            styleMap: { "--or-icon-fill": "#" + TIMER_COLOR }
+        });
+    }
+    return menu;
+}
+export function updateRuleConditionType(ruleCondition, value, config) {
+    if (!value) {
+        ruleCondition.assets = undefined;
+        ruleCondition.cron = undefined;
+        ruleCondition.sun = undefined;
+    }
+    else if (value === "time" /* ConditionType.TIME */) {
+        ruleCondition.assets = undefined;
+        const date = new Date();
+        ruleCondition.cron = Util.formatCronString(undefined, undefined, undefined, date.getUTCHours().toString(), date.getUTCMinutes().toString());
+    }
+    else {
+        ruleCondition.cron = undefined;
+        if (config && config.json && config.json.whenAssetQuery) {
+            ruleCondition.assets = JSON.parse(JSON.stringify(config.json.whenAssetQuery));
+        }
+        else {
+            ruleCondition.assets = {};
+        }
+        ruleCondition.assets.types = [value];
+    }
+}
+// language=CSS
+const style = css `
+    :host {
+        display: flex;
+        flex-direction: row;
+    }
+    
+    or-rule-asset-query {
+        flex-grow: 1;
+    }
+
+    #type {
+        white-space: nowrap;
+        text-transform: capitalize;
+        margin: 14px 3px auto 0;
+    }
+`;
+let OrRuleCondition = class OrRuleCondition extends translate(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.readonly = false;
+    }
+    static get styles() {
+        return style;
+    }
+    render() {
+        const showTypeSelect = !this.config || !this.config.controls || this.config.controls.hideConditionTypeOptions !== true;
+        const type = this.type;
+        if (!type && !showTypeSelect) {
+            return html `<span>INVALID CONFIG - NO TYPE SPECIFIED AND TYPE SELECTOR DISABLED</span>`;
+        }
+        let typeTemplate = ``;
+        let template = ``;
+        if (showTypeSelect) {
+            let buttonIcon;
+            let buttonColor = "inherit";
+            if (type) {
+                switch (type) {
+                    case "time" /* ConditionType.TIME */:
+                        buttonIcon = "timer";
+                        buttonColor = TIMER_COLOR;
+                        break;
+                    default:
+                        const ad = AssetModelUtil.getAssetDescriptor(type);
+                        buttonIcon = AssetModelUtil.getAssetDescriptorIcon(ad) || buttonIcon;
+                        buttonColor = AssetModelUtil.getAssetDescriptorColour(ad) || buttonColor;
+                        break;
+                }
+            }
+            if (this.readonly) {
+                typeTemplate = html `
+                <div id="type" style="--or-mwc-input-color: #${buttonColor}">
+                    <or-mwc-input readonly type="${InputType.BUTTON}" .icon="${buttonIcon || ""}"></or-mwc-input>
+                </div>
+                `;
+            }
+            else {
+                typeTemplate = html `
+                <div id="type" style="--or-mwc-input-color: #${buttonColor}">
+                    ${getContentWithMenuTemplate(html `<or-mwc-input type="${InputType.BUTTON}" .icon="${buttonIcon || ""}"></or-mwc-input>`, getWhenTypesMenu(this.config, this.assetInfos), type, (value) => this.type = value)}
+                </div>
+            `;
+            }
+        }
+        if (type) {
+            switch (type) {
+                case "time" /* ConditionType.TIME */:
+                    template = html `<or-rule-trigger-query id="asset-query" .condition="${this.ruleCondition}"></or-rule-trigger-query>`;
+                    break;
+                default:
+                    template = html `<or-rule-asset-query id="asset-query" .config="${this.config}" .assetInfos="${this.assetInfos}" .readonly="${this.readonly}"
+                                                         .condition="${this.ruleCondition}" .assetProvider="${this.assetProvider}"
+                    ></or-rule-asset-query>`;
+                    break;
+            }
+        }
+        return html `
+            ${typeTemplate}        
+            ${template}
+        `;
+    }
+    get type() {
+        const assetType = getAssetTypeFromQuery(this.ruleCondition.assets);
+        if (assetType) {
+            return assetType;
+        }
+        if (this.ruleCondition.cron || this.ruleCondition.sun) {
+            return "time" /* ConditionType.TIME */;
+        }
+    }
+    set type(value) {
+        updateRuleConditionType(this.ruleCondition, value, this.config);
+        if (this._assetQuery) {
+            this._assetQuery.refresh();
+        }
+        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+        this.requestUpdate();
+    }
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleCondition.prototype, "ruleCondition", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleCondition.prototype, "config", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleCondition.prototype, "assetInfos", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleCondition.prototype, "assetProvider", void 0);
+__decorate([
+    query("#asset-query")
+], OrRuleCondition.prototype, "_assetQuery", void 0);
+OrRuleCondition = __decorate([
+    customElement("or-rule-condition")
+], OrRuleCondition);
+//# sourceMappingURL=or-rule-condition.js.map