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

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

@@ -1,216 +1,29 @@
-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
+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);