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

package/lib/json-viewer/or-rule-action-attribute.js

@@ -1,33 +1,235 @@
-var __decorate=this&&this.__decorate||function(t,e,i,s){var r,a=arguments.length,o=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(a<3?r(o):a>3?r(e,i,o):r(e,i))||o);return a>3&&o&&Object.defineProperty(e,i,o),o},__awaiter=this&&this.__awaiter||function(t,e,i,s){return new(i||(i=Promise))(function(r,a){function o(t){try{u(s.next(t))}catch(t){a(t)}}function n(t){try{u(s.throw(t))}catch(t){a(t)}}function u(t){var e;t.done?r(t.value):((e=t.value)instanceof i?e:new i(function(t){t(e)})).then(o,n)}u((s=s.apply(t,e||[])).next())})};import{css as t,html as e,LitElement as i}from"lit";import{customElement as s,property as r}from"lit/decorators.js";import{getAssetIdsFromQuery as a,getAssetTypeFromQuery as o}from"../index";import{AssetModelUtil as n}from"@openremote/model";import{Util as u}from"@openremote/core";import"@openremote/or-attribute-input";import{InputType as c}from"@openremote/or-mwc-components/or-mwc-input";import l from"i18next";import{OrRulesJsonRuleChangedEvent as d}from"./or-rule-json-viewer";import{translate as h}from"@openremote/or-translate";import{ifDefined as p}from"lit/directives/if-defined.js";import{when as m}from"lit/directives/when.js";let style=t`
-    :host {
-        display: flex;
-        align-items: center;
-
-        flex-wrap: wrap;
-    }
-
-    :host > * {
-        margin: 0 3px 6px;
-    }
-
-    .min-width {
-        min-width: 200px;
-    }
-`,OrRuleActionAttribute=class extends h(l)(i){static get styles(){return style}shouldUpdate(t){return t.has("action")&&(this._assets=void 0),super.shouldUpdate(t)}refresh(){this._assets=void 0}_getAssetType(){if(!this.action.target)return;let t=this.action.target.assets?this.action.target.assets:this.action.target.matchedAssets?this.action.target.matchedAssets:void 0;return t?o(t):void 0}render(){let t;if(!this.action.target)return e``;let i=this._getAssetType();if(!i)return e``;let s=this.action.target.assets?this.action.target.assets:this.action.target.matchedAssets?this.action.target.matchedAssets:void 0,r=this.assetInfos?this.assetInfos.find(t=>t.assetDescriptor.name===i):void 0;if(!r)return e``;this._assets||this.loadAssets(i);let o=a(s),d=o&&o.length>0?o[0]:"*",h=[["*",l.t("matched")]];return e`
-            
-            <!-- Show SELECT input with 'loading' until the assets are retrieved -->
-            ${m(!this._assets,()=>e`
-                <or-mwc-input id="matchSelect" class="min-width" type="${c.SELECT}" .readonly="${!0}" .label="${l.t("loading")}"></or-mwc-input>
-            `,()=>{var s,a,o;let m;this._assets.length<=25?h.push(...this._assets.map(t=>[t.id,t.name])):t=t=>__awaiter(this,void 0,void 0,function*(){var e;if(t)return this._assets.filter(e=>{var i;return null==(i=e.name)?void 0:i.toLowerCase().includes(t.toLowerCase())}).map(t=>[t.id,t.name]);if(this._assets.length<=100)return h.push(...this._assets.map(t=>[t.id,t.name])),h;{let t=null==(e=this._assets)?void 0:e.find(t=>t.id==d);return t&&void 0==h.find(([e,i])=>e==t.id)&&h.push([t.id,t.name]),h}});let b=d&&"*"!==d?this._assets.find(t=>t.id===d):void 0,v=n.getAttributeAndValueDescriptors(i,this.action.attributeName,b&&b.attributes&&this.action.attributeName?b.attributes[this.action.attributeName]:void 0),f=[];if(b&&b.attributes)f=Object.values(b.attributes).map(t=>{let e=u.getAttributeLabel(t,v[0],i,!1);return[t.name,e]});else if(r){let t=n.getAssetTypeInfo(r);f=t&&t.attributeDescriptors?t.attributeDescriptors.map(t=>{let e=u.getAttributeLabel(t,v[0],i,!1);return[t.name,e]}):[]}if(f.sort(u.sortByString(t=>t[1])),this.action.attributeName){let t,r=v[1]&&"boolean"===v[1].name?"":l.t("value");(null==(a=null==(s=v[0])?void 0:s.format)?void 0:a.asSlider)&&(t=c.NUMBER),m=e`<or-attribute-input ?compact=${v[1]&&"GEO_JSONPoint"===v[1].name} .inputType="${p(t)}" @or-attribute-input-changed="${t=>this.setActionAttributeValue(t.detail.value)}" .customProvider="${null==(o=this.config)?void 0:o.inputProvider}" .label="${r}" .assetType="${i}" .attributeDescriptor="${v[0]}" .attributeValueDescriptor="${v[1]}" .value="${this.action.value}" .readonly="${this.readonly||!1}"></or-attribute-input>`}return e`
-                    <or-mwc-input id="matchSelect" class="min-width" .label="${l.t("asset")}" .type="${c.SELECT}"
-                                  .options="${h}" .searchProvider="${t}" .value="${d}" .readonly="${this.readonly||!1}"
-                                  @or-mwc-input-changed="${t=>{this._assetId=t.detail.value,this.refresh()}}"
-                    ></or-mwc-input>
-                    ${f.length>0?e`
-                        <or-mwc-input id="attributeSelect" class="min-width" .label="${l.t("attribute")}" .type="${c.SELECT}" @or-mwc-input-changed="${t=>this.setActionAttributeName(t.detail.value)}" .readonly="${this.readonly||!1}" ?searchable="${f.length>=25}" .options="${f}" .value="${this.action.attributeName}"></or-mwc-input>
-                        ${m}
-                    `:e`
-                        <or-translate value="No attributes with write permission"></or-translate>
-                    `}
-                `})}
-        `}set _assetId(t){let e=this._getAssetType();"*"===t?(this.action.target.assets=void 0,this.action.target={matchedAssets:{types:[e||""]}}):(this.action.target.matchedAssets=void 0,this.action.target={assets:{ids:[t],types:[e||""]}}),this.dispatchEvent(new d),this.requestUpdate()}setActionAttributeName(t){this.action.attributeName=t,this.action.value=void 0,this.dispatchEvent(new d),this.requestUpdate()}setActionAttributeValue(t){this.action.value=t,this.dispatchEvent(new d),this.requestUpdate()}loadAssets(t){this.assetProvider(t).then(t=>{this._assets=t})}};__decorate([r({type:Object,attribute:!1})],OrRuleActionAttribute.prototype,"action",void 0),__decorate([r({type:Object,attribute:!1})],OrRuleActionAttribute.prototype,"targetTypeMap",void 0),__decorate([r({type:Object})],OrRuleActionAttribute.prototype,"config",void 0),__decorate([r({type:Object})],OrRuleActionAttribute.prototype,"assetInfos",void 0),__decorate([r({type:Object})],OrRuleActionAttribute.prototype,"assetProvider",void 0),__decorate([r({type:Array,attribute:!1})],OrRuleActionAttribute.prototype,"_assets",void 0),OrRuleActionAttribute=__decorate([s("or-rule-action-attribute")],OrRuleActionAttribute);export{OrRuleActionAttribute};
+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 { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { getAssetIdsFromQuery, getAssetTypeFromQuery } from "../index";
+import { AssetModelUtil } from "@openremote/model";
+import { Util } from "@openremote/core";
+import "@openremote/or-attribute-input";
+import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
+import i18next from "i18next";
+import { OrRulesJsonRuleChangedEvent } from "./or-rule-json-viewer";
+import { translate } from "@openremote/or-translate";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { when } from "lit/directives/when.js";
+// language=CSS
+const style = css `
+    :host {
+        display: flex;
+        align-items: center;
+
+        flex-wrap: wrap;
+    }
+
+    :host > * {
+        margin: 0 3px 6px;
+    }
+
+    .min-width {
+        min-width: 200px;
+    }
+`;
+let OrRuleActionAttribute = class OrRuleActionAttribute extends translate(i18next)(LitElement) {
+    static get styles() {
+        return style;
+    }
+    shouldUpdate(_changedProperties) {
+        if (_changedProperties.has("action")) {
+            this._assets = undefined;
+        }
+        return super.shouldUpdate(_changedProperties);
+    }
+    refresh() {
+        // Clear assets
+        this._assets = undefined;
+    }
+    _getAssetType() {
+        if (!this.action.target) {
+            return;
+        }
+        const query = this.action.target.assets ? this.action.target.assets : this.action.target.matchedAssets ? this.action.target.matchedAssets : undefined;
+        return query ? getAssetTypeFromQuery(query) : undefined;
+    }
+    render() {
+        if (!this.action.target) {
+            return html ``;
+        }
+        const assetType = this._getAssetType();
+        if (!assetType) {
+            return html ``;
+        }
+        const query = this.action.target.assets ? this.action.target.assets : this.action.target.matchedAssets ? this.action.target.matchedAssets : undefined;
+        const assetDescriptor = this.assetInfos ? this.assetInfos.find((assetTypeInfo) => assetTypeInfo.assetDescriptor.name === assetType) : undefined;
+        if (!assetDescriptor) {
+            return html ``;
+        }
+        if (!this._assets) {
+            this.loadAssets(assetType);
+        }
+        // TODO: Add multiselect support
+        const ids = getAssetIdsFromQuery(query);
+        const idValue = ids && ids.length > 0 ? ids[0] : "*";
+        const idOptions = [
+            ["*", i18next.t("matched")]
+        ];
+        let searchProvider;
+        return html `
+            
+            <!-- Show SELECT input with 'loading' until the assets are retrieved -->
+            ${when((!this._assets), () => html `
+                <or-mwc-input id="matchSelect" class="min-width" type="${InputType.SELECT}" .readonly="${true}" .label="${i18next.t('loading')}"></or-mwc-input>
+            `, () => {
+            var _a, _b, _c;
+            // Set list of displayed assets, and filtering assets out if needed.
+            // If <= 25 assets: display everything
+            // If between 25 and 100 assets: display everything with search functionality 
+            // If > 100 assets: only display if in line with search input
+            if (this._assets.length <= 25) {
+                idOptions.push(...this._assets.map((asset) => [asset.id, asset.name]));
+            }
+            else {
+                searchProvider = (search) => __awaiter(this, void 0, void 0, function* () {
+                    var _a;
+                    if (search) {
+                        return this._assets.filter((asset) => { var _a; return (_a = asset.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.toLowerCase()); }).map((asset) => [asset.id, asset.name]);
+                    }
+                    else if (this._assets.length <= 100) {
+                        idOptions.push(...this._assets.map((asset) => [asset.id, asset.name]));
+                        return idOptions;
+                    }
+                    else {
+                        const asset = (_a = this._assets) === null || _a === void 0 ? void 0 : _a.find((asset) => asset.id == idValue);
+                        if (asset && idOptions.find(([id, _value]) => id == asset.id) == undefined) {
+                            idOptions.push([asset.id, asset.name]); // add selected asset if there is one.
+                        }
+                        return idOptions;
+                    }
+                });
+            }
+            // Get selected asset and its descriptors
+            const asset = idValue && idValue !== "*" ? this._assets.find(a => a.id === idValue) : undefined;
+            const descriptors = AssetModelUtil.getAttributeAndValueDescriptors(assetType, this.action.attributeName, asset && asset.attributes && this.action.attributeName ? asset.attributes[this.action.attributeName] : undefined);
+            // Only RW attributes can be used in actions
+            let attributes = [];
+            if (asset && asset.attributes) {
+                attributes = Object.values(asset.attributes)
+                    .map((attr) => {
+                    const label = Util.getAttributeLabel(attr, descriptors[0], assetType, false);
+                    return [attr.name, label];
+                });
+            }
+            else if (assetDescriptor) {
+                const assetTypeInfo = AssetModelUtil.getAssetTypeInfo(assetDescriptor);
+                attributes =
+                    !assetTypeInfo || !assetTypeInfo.attributeDescriptors
+                        ? []
+                        : assetTypeInfo.attributeDescriptors.map((ad) => {
+                            const label = Util.getAttributeLabel(ad, descriptors[0], assetType, false);
+                            return [ad.name, label];
+                        });
+            }
+            attributes.sort(Util.sortByString((attr) => attr[1]));
+            let attributeInput;
+            if (this.action.attributeName) {
+                const label = descriptors[1] && (descriptors[1].name === "boolean" /* WellknownValueTypes.BOOLEAN */) ? "" : i18next.t("value");
+                let inputType;
+                if ((_b = (_a = descriptors[0]) === null || _a === void 0 ? void 0 : _a.format) === null || _b === void 0 ? void 0 : _b.asSlider)
+                    inputType = InputType.NUMBER;
+                attributeInput = html `<or-attribute-input ?compact=${descriptors[1] && (descriptors[1].name === "GEO_JSONPoint" /* WellknownValueTypes.GEOJSONPOINT */)} .inputType="${ifDefined(inputType)}" @or-attribute-input-changed="${(ev) => this.setActionAttributeValue(ev.detail.value)}" .customProvider="${(_c = this.config) === null || _c === void 0 ? void 0 : _c.inputProvider}" .label="${label}" .assetType="${assetType}" .attributeDescriptor="${descriptors[0]}" .attributeValueDescriptor="${descriptors[1]}" .value="${this.action.value}" .readonly="${this.readonly || false}"></or-attribute-input>`;
+            }
+            return html `
+                    <or-mwc-input id="matchSelect" class="min-width" .label="${i18next.t("asset")}" .type="${InputType.SELECT}"
+                                  .options="${idOptions}" .searchProvider="${searchProvider}" .value="${idValue}" .readonly="${this.readonly || false}"
+                                  @or-mwc-input-changed="${(e) => { this._assetId = (e.detail.value); this.refresh(); }}"
+                    ></or-mwc-input>
+                    ${attributes.length > 0 ? html `
+                        <or-mwc-input id="attributeSelect" class="min-width" .label="${i18next.t("attribute")}" .type="${InputType.SELECT}" @or-mwc-input-changed="${(e) => this.setActionAttributeName(e.detail.value)}" .readonly="${this.readonly || false}" ?searchable="${(attributes.length >= 25)}" .options="${attributes}" .value="${this.action.attributeName}"></or-mwc-input>
+                        ${attributeInput}
+                    ` : html `
+                        <or-translate value="No attributes with write permission"></or-translate>
+                    `}
+                `;
+        })}
+        `;
+    }
+    set _assetId(assetId) {
+        const assetType = this._getAssetType();
+        if (assetId === "*") {
+            this.action.target.assets = undefined;
+            this.action.target = {
+                matchedAssets: {
+                    types: [
+                        assetType || ""
+                    ]
+                }
+            };
+        }
+        else {
+            this.action.target.matchedAssets = undefined;
+            this.action.target = {
+                assets: {
+                    ids: [
+                        assetId
+                    ],
+                    types: [
+                        assetType || ""
+                    ]
+                }
+            };
+        }
+        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+        this.requestUpdate();
+    }
+    setActionAttributeName(name) {
+        this.action.attributeName = name;
+        this.action.value = undefined;
+        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+        this.requestUpdate();
+    }
+    setActionAttributeValue(value) {
+        this.action.value = value;
+        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+        this.requestUpdate();
+    }
+    loadAssets(type) {
+        this.assetProvider(type).then(assets => {
+            this._assets = assets;
+        });
+    }
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleActionAttribute.prototype, "action", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleActionAttribute.prototype, "targetTypeMap", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleActionAttribute.prototype, "config", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleActionAttribute.prototype, "assetInfos", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleActionAttribute.prototype, "assetProvider", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], OrRuleActionAttribute.prototype, "_assets", void 0);
+OrRuleActionAttribute = __decorate([
+    customElement("or-rule-action-attribute")
+], OrRuleActionAttribute);
+export { OrRuleActionAttribute };
+//# sourceMappingURL=or-rule-action-attribute.js.map