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

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

@@ -1,235 +1,33 @@
-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
+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};