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

package/lib/json-viewer/or-rule-asset-query.js

@@ -1,849 +1,126 @@
-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, state } from "lit/decorators.js";
-import { AssetModelUtil } from "@openremote/model";
-import { AssetQueryOperator, getAssetIdsFromQuery, getAssetTypeFromQuery } from "../index";
-import "@openremote/or-mwc-components/or-mwc-input";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import "@openremote/or-attribute-input";
-import { Util } from "@openremote/core";
-import i18next from "i18next";
-import { buttonStyle } from "../style";
-import { OrRulesJsonRuleChangedEvent } from "./or-rule-json-viewer";
-import { translate } from "@openremote/or-translate";
-import "./modals/or-rule-radial-modal";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { when } from 'lit/directives/when.js';
-import moment from "moment";
-// language=CSS
-const style = css `
-    
-    ${buttonStyle}
-    
-    :host {
-        display: block;
-    }
-    
-    .attribute-group {
-        flex-grow: 1;
-        display: flex;
-        align-items: start;
-        flex-direction: row;
-        flex-wrap: wrap;
-    }
-
-    .min-width {
-        min-width: 200px;
-    }
-    
-    .attribute-group > * {
-        margin: 10px 3px 6px 3px;
-    }
-    .attributes {
-        flex: 1 1 min-content;
-        display: flex;
-        flex-direction: column;
-        row-gap: 10px;
-    }
-    or-icon.small {
-        --or-icon-width: 14px;
-        --or-icon-height: 14px;
-    }
-    .attribute {
-        display: flex;
-        align-items: center;
-    }
-    .attribute > div {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        align-items: center;
-        gap: 6px;
-    }
-    .attribute > div > or-rule-radial-modal {
-        min-width: auto;
-    }
-    .attribute > div > or-mwc-input[type="button"] {
-        min-width: auto;
-    }
-    .attribute > div > or-mwc-input:not([type="button"]) {
-        width: 200px;
-    }
-    .attribute > div > or-attribute-input {
-        width: 200px;
-    }
-    .attribute > div > * {
-        min-width: 200px;
-    }
-    .button-clear {
-        margin-left: auto;
-    }
-    .attribute:hover .button-clear {
-        visibility: visible;
-    }
-    
-    .invalidLabel {
-        display: flex;
-        align-items: center;
-        margin: 14px 3px auto 0;
-        height: 48px; /* Same as the icon size */
-    }
-`;
-let OrRuleAssetQuery = class OrRuleAssetQuery extends translate(i18next)(LitElement) {
-    constructor() {
-        super();
-        // Value predicates for specific value descriptors
-        this._queryOperatorsMap = {};
-        this._queryOperatorsMap["GEO_JSONPoint" /* WellknownValueTypes.GEOJSONPOINT */] = [
-            AssetQueryOperator.EQUALS,
-            AssetQueryOperator.NOT_EQUALS,
-            AssetQueryOperator.WITHIN_RADIUS,
-            AssetQueryOperator.OUTSIDE_RADIUS,
-            AssetQueryOperator.WITHIN_RECTANGLE,
-            AssetQueryOperator.OUTSIDE_RECTANGLE,
-            AssetQueryOperator.VALUE_EMPTY,
-            AssetQueryOperator.VALUE_NOT_EMPTY,
-            AssetQueryOperator.NOT_UPDATED_FOR
-        ];
-        this._queryOperatorsMap["string"] = [
-            AssetQueryOperator.EQUALS,
-            AssetQueryOperator.NOT_EQUALS,
-            AssetQueryOperator.CONTAINS,
-            AssetQueryOperator.NOT_CONTAINS,
-            AssetQueryOperator.STARTS_WITH,
-            AssetQueryOperator.NOT_STARTS_WITH,
-            AssetQueryOperator.ENDS_WITH,
-            AssetQueryOperator.NOT_ENDS_WITH,
-            AssetQueryOperator.VALUE_EMPTY,
-            AssetQueryOperator.VALUE_NOT_EMPTY,
-            AssetQueryOperator.NOT_UPDATED_FOR
-        ];
-        this._queryOperatorsMap["number"] = [
-            AssetQueryOperator.EQUALS,
-            AssetQueryOperator.NOT_EQUALS,
-            AssetQueryOperator.GREATER_THAN,
-            AssetQueryOperator.GREATER_EQUALS,
-            AssetQueryOperator.LESS_THAN,
-            AssetQueryOperator.LESS_EQUALS,
-            AssetQueryOperator.BETWEEN,
-            AssetQueryOperator.NOT_BETWEEN,
-            AssetQueryOperator.VALUE_EMPTY,
-            AssetQueryOperator.VALUE_NOT_EMPTY,
-            AssetQueryOperator.NOT_UPDATED_FOR
-        ];
-        this._queryOperatorsMap["boolean"] = [
-            AssetQueryOperator.IS_TRUE,
-            AssetQueryOperator.IS_FALSE,
-            AssetQueryOperator.VALUE_EMPTY,
-            AssetQueryOperator.VALUE_NOT_EMPTY,
-            AssetQueryOperator.NOT_UPDATED_FOR
-        ];
-        this._queryOperatorsMap["array"] = [
-            AssetQueryOperator.CONTAINS,
-            AssetQueryOperator.NOT_CONTAINS,
-            AssetQueryOperator.INDEX_CONTAINS,
-            AssetQueryOperator.NOT_INDEX_CONTAINS,
-            AssetQueryOperator.LENGTH_EQUALS,
-            AssetQueryOperator.NOT_LENGTH_EQUALS,
-            AssetQueryOperator.LENGTH_LESS_THAN,
-            AssetQueryOperator.LENGTH_GREATER_THAN,
-            AssetQueryOperator.VALUE_EMPTY,
-            AssetQueryOperator.VALUE_NOT_EMPTY,
-            AssetQueryOperator.NOT_UPDATED_FOR
-        ];
-        this._queryOperatorsMap["object"] = [
-            AssetQueryOperator.CONTAINS_KEY,
-            AssetQueryOperator.NOT_CONTAINS_KEY,
-            AssetQueryOperator.VALUE_EMPTY,
-            AssetQueryOperator.VALUE_NOT_EMPTY,
-            AssetQueryOperator.NOT_UPDATED_FOR
-        ];
-    }
-    refresh() {
-        // Clear assets
-        this._assets = undefined;
-    }
-    attributePredicateEditorTemplate(assetTypeInfo, asset, attributePredicate) {
-        const assetDescriptor = assetTypeInfo.assetDescriptor;
-        const operator = this.getOperator(attributePredicate);
-        const attributeName = this.getAttributeName(attributePredicate);
-        let attribute = asset && asset.attributes && attributeName ? asset.attributes[attributeName] : undefined;
-        let attributes = [];
-        const descriptors = AssetModelUtil.getAttributeAndValueDescriptors(asset ? asset.type : assetDescriptor.name, attribute || attributeName, attribute);
-        if (asset && asset.attributes) {
-            attributes = Object.values(asset.attributes)
-                .filter((attribute) => attribute.meta && (attribute.meta.hasOwnProperty("ruleState" /* WellknownMetaItems.RULESTATE */) ? attribute.meta["ruleState" /* WellknownMetaItems.RULESTATE */] : attribute.meta.hasOwnProperty("agentLink" /* WellknownMetaItems.AGENTLINK */)))
-                .map((attr) => {
-                const descriptors = AssetModelUtil.getAttributeAndValueDescriptors(asset.type, attr.name, attr);
-                const label = Util.getAttributeLabel(attr, descriptors[0], asset.type, false);
-                return [attr.name, label];
-            });
-        }
-        else {
-            attributes = !assetTypeInfo || !assetTypeInfo.attributeDescriptors ? [] :
-                assetTypeInfo.attributeDescriptors
-                    .map((ad) => {
-                    const descriptors = AssetModelUtil.getAttributeAndValueDescriptors(assetDescriptor.name, ad);
-                    const label = Util.getAttributeLabel(undefined, descriptors ? descriptors[0] : undefined, assetDescriptor.name, false);
-                    return [ad.name, label];
-                });
-        }
-        attributes.sort(Util.sortByString((attr) => attr[1]));
-        const operators = attributeName ? this.getOperators(assetDescriptor, descriptors ? descriptors[0] : undefined, descriptors ? descriptors[1] : undefined, attribute, attributeName) : [];
-        return html `
-            <or-mwc-input type="${InputType.SELECT}" @or-mwc-input-changed="${(e) => this.setAttributeName(attributePredicate, e.detail.value)}" .readonly="${this.readonly || false}" .options="${attributes}" .value="${attributeName}" .label="${i18next.t("attribute")}"></or-mwc-input>
-            ${attributeName ? html `<or-mwc-input type="${InputType.SELECT}" @or-mwc-input-changed="${(e) => this.setOperator(assetDescriptor, attribute, attributeName, attributePredicate, e.detail.value)}" .readonly="${this.readonly || false}" .options="${operators}" .value="${operator}" .label="${i18next.t("operator")}"></or-mwc-input>` : ``}
-            ${attributePredicate ? this.attributePredicateValueEditorTemplate(assetDescriptor, asset, attributePredicate) : ``}
-        `;
-    }
-    attributePredicateValueEditorTemplate(assetDescriptor, asset, attributePredicate) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const operator = this.getOperator(attributePredicate);
-        if (operator === AssetQueryOperator.NOT_UPDATED_FOR) {
-            const duration = attributePredicate.timestampOlderThan ?
-                moment.duration(attributePredicate.timestampOlderThan) : undefined;
-            return html `
-                <or-mwc-input type="${InputType.NUMBER}" 
-                              min="0"
-                              .value="${duration === null || duration === void 0 ? void 0 : duration.asMinutes()}"
-                              label="${i18next.t("rulesEditorDuration")}"
-                              @or-mwc-input-changed="${(ev) => {
-                const minutes = ev.detail.value;
-                const newDuration = moment.duration(minutes, "minutes");
-                attributePredicate.timestampOlderThan = minutes > 0 ?
-                    newDuration.toISOString() : undefined;
-                this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-            }}">
-                </or-mwc-input>`;
-        }
-        const valuePredicate = attributePredicate.value;
-        if (!assetDescriptor || !valuePredicate) {
-            return ``;
-        }
-        const attributeName = this.getAttributeName(attributePredicate);
-        const assetType = getAssetTypeFromQuery(this.query);
-        const attribute = asset && asset.attributes && attributeName ? asset.attributes[attributeName] : undefined;
-        const descriptors = AssetModelUtil.getAttributeAndValueDescriptors(assetType, attributeName, attribute);
-        // @ts-ignore
-        const value = valuePredicate ? valuePredicate.value : undefined;
-        switch (valuePredicate.predicateType) {
-            case "string":
-                return html `<or-attribute-input @or-attribute-input-changed="${(ev) => this.setValuePredicateProperty(valuePredicate, "value", ev.detail.value)}" .customProvider="${(_a = this.config) === null || _a === void 0 ? void 0 : _a.inputProvider}" .label="${i18next.t("value")}" .assetType="${assetType}" .attributeDescriptor="${descriptors[0]}" .attributeValueDescriptor="${descriptors[1]}" .value="${value}" .readonly="${this.readonly || false}" .fullWidth="${true}"></or-attribute-input>`;
-            case "boolean":
-                return html ``; // Handled by the operator IS_TRUE or IS_FALSE
-            case "datetime":
-                return html `<span>NOT IMPLEMENTED</span>`;
-            case "number":
-                if (valuePredicate.operator === "BETWEEN" /* AQO.BETWEEN */) {
-                    return html `
-                        <or-attribute-input .inputType="${InputType.NUMBER}" @or-attribute-input-changed="${(ev) => this.setValuePredicateProperty(valuePredicate, "value", ev.detail.value)}" .customProvider="${(_b = this.config) === null || _b === void 0 ? void 0 : _b.inputProvider}" .label="${i18next.t("between")}" .assetType="${assetType}" .attributeDescriptor="${descriptors[0]}" .attributeValueDescriptor="${descriptors[1]}" .value="${value}" .readonly="${this.readonly || false}" .fullWidth="${true}"></or-attribute-input>
-                        <span style="display: inline-flex; align-items: center;">&</span>
-                        <or-attribute-input .inputType="${InputType.NUMBER}" @or-attribute-input-changed="${(ev) => this.setValuePredicateProperty(valuePredicate, "rangeValue", ev.detail.value)}" .customProvider="${(_c = this.config) === null || _c === void 0 ? void 0 : _c.inputProvider}" .label="${i18next.t("and")}" .assetType="${assetType}" .attributeDescriptor="${descriptors[0]}" .attributeValueDescriptor="${descriptors[1]}" .value="${valuePredicate.rangeValue}" .readonly="${this.readonly || false}" .fullWidth="${true}"></or-attribute-input>
-                    `;
-                }
-                let inputType;
-                if ((_e = (_d = descriptors[0]) === null || _d === void 0 ? void 0 : _d.format) === null || _e === void 0 ? void 0 : _e.asSlider)
-                    inputType = InputType.NUMBER;
-                return html `<or-attribute-input .inputType="${ifDefined(inputType)}" @or-attribute-input-changed="${(ev) => this.setValuePredicateProperty(valuePredicate, "value", ev.detail.value)}" .customProvider="${(_f = this.config) === null || _f === void 0 ? void 0 : _f.inputProvider}" .label="" .assetType="${assetType}" .attributeDescriptor="${descriptors[0]}" .attributeValueDescriptor="${descriptors[1]}" .value="${value}" .readonly="${this.readonly || false}" .fullWidth="${true}"></or-attribute-input>`;
-            case "radial":
-                return html `<or-rule-radial-modal .query="${this.query}" .assetDescriptor="${assetDescriptor}" .attributePredicate="${attributePredicate}"></or-rule-radial-modal>`;
-            case "rect":
-                return html `<span>NOT IMPLEMENTED</span>`;
-            case "value-empty":
-                return ``;
-            case "array":
-                // TODO: Update once we can determine inner type of array
-                // Assume string array
-                return html `<or-attribute-input @or-attribute-input-changed="${(ev) => this.setValuePredicateProperty(valuePredicate, "value", ev.detail.value)}" .customProvider="${(_g = this.config) === null || _g === void 0 ? void 0 : _g.inputProvider}" .label="" .assetType="${assetType}" .attributeDescriptor="${descriptors[0]}" .attributeValueDescriptor="${descriptors[1]}" .value="${value}" .readonly="${this.readonly || false}" .fullWidth="${true}></or-attribute-input>`;
-            default:
-                return html `<span>NOT IMPLEMENTED</span>`;
-        }
-    }
-    attributeDurationTemplate(durationMap, index, onAdd, onChange) {
-        var _a, _b;
-        const attributePredicate = (_b = (_a = this.query.attributes) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b[index];
-        const operator = attributePredicate ? this.getOperator(attributePredicate) : undefined;
-        // Don't show duration button if NOT_UPDATED_FOR is selected
-        if (operator === AssetQueryOperator.NOT_UPDATED_FOR) {
-            return html ``;
-        }
-        if (durationMap.has(index)) {
-            const isoDuration = durationMap.get(index);
-            const duration = isoDuration ? moment.duration(isoDuration) : undefined;
-            return html `
-                <or-mwc-input type="${InputType.NUMBER}" min="0" .readonly="${this.readonly || false}"
-                              .value="${duration === null || duration === void 0 ? void 0 : duration.asMinutes()}" label="${i18next.t("rulesEditorDuration")}"
-                              @or-mwc-input-changed="${(ev) => {
-                const newDuration = moment.duration(ev.detail.value, "minutes");
-                if (newDuration.asMinutes() > 0) {
-                    onChange(index, newDuration.toISOString());
-                }
-                else {
-                    onChange(index, undefined);
-                }
-            }}"
-                ></or-mwc-input>
-            `;
-        }
-        else {
-            return html `
-                <or-mwc-input type="${InputType.BUTTON}" .readonly="${this.readonly || false}" icon="clock-plus-outline"
-                              title="${i18next.t("rulesEditorAddDuration")}" @or-mwc-input-changed="${() => onAdd(index)}"
-                ></or-mwc-input>
-            `;
-        }
-    }
-    static get styles() {
-        return style;
-    }
-    shouldUpdate(_changedProperties) {
-        if (_changedProperties.has("condition")) {
-            this._assets = undefined;
-        }
-        return super.shouldUpdate(_changedProperties);
-    }
-    get query() {
-        return this.condition.assets;
-    }
-    /**
-     * Returns a Map<number, string> with all configured durations of a {@link RuleCondition}.
-     * The number represents an index of the attribute array, and the string an ISO8601 duration expression.
-     */
-    get duration() {
-        var _a;
-        if ((_a = this.condition) === null || _a === void 0 ? void 0 : _a.duration) {
-            return new Map(Object.entries(this.condition.duration).map(([key, value]) => [Number(key), value]));
-        }
-        else {
-            return new Map();
-        }
-    }
-    /**
-     * Updates the duration property in {@link condition}, based on the {@link durationMap} parameter.
-     * The number represents an index of the attribute array, and the string an ISO8601 duration expression.
-     */
-    set duration(durationMap) {
-        if (durationMap.size > 0) {
-            this.condition.duration = Object.fromEntries(durationMap);
-        }
-        else {
-            this.condition.duration = undefined;
-        }
-    }
-    render() {
-        const assetType = getAssetTypeFromQuery(this.query);
-        if (!assetType) {
-            return html `<span class="invalidLabel">${i18next.t('errorOccurred')}</span>`;
-        }
-        const assetTypeInfo = this.assetInfos ? this.assetInfos.find((assetTypeInfo) => assetTypeInfo.assetDescriptor.name === assetType) : undefined;
-        if (!assetTypeInfo) {
-            return html `<span class="invalidLabel">${i18next.t('errorOccurred')}</span>`;
-        }
-        if (!this._assets) {
-            this.loadAssets(assetType);
-        }
-        if (!this.query.attributes) {
-            this.query.attributes = {};
-        }
-        if (!this.query.attributes.items || this.query.attributes.items.length === 0) {
-            this.query.attributes.items = [{}];
-        }
-        const showRemoveAttribute = !this.readonly && this.query.attributes && this.query.attributes.items && this.query.attributes.items.length > 1;
-        // TODO: Add multiselect support
-        const ids = getAssetIdsFromQuery(this.query);
-        const idValue = ids && ids.length > 0 ? ids[0] : "*";
-        const idOptions = [
-            ["*", i18next.t("anyOfThisType")]
-        ];
-        let searchProvider;
-        return html `
-            <div class="attribute-group">
-            
-                <!-- Show SELECT input with 'loading' until the assets are retrieved -->
-                ${when((!this._assets), () => html `
-                    <or-mwc-input id="idSelect" class="min-width" type="${InputType.SELECT}" .readonly="${true}" .label="${i18next.t('loading')}"></or-mwc-input>
-                `, () => {
-            // 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;
-                    }
-                });
-            }
-            const showAddAttribute = !this.readonly && (!this.config || !this.config.controls || this.config.controls.hideWhenAddAttribute !== true);
-            const onDurationAdd = (index) => {
-                this.duration = this.duration.set(index, undefined);
-                this.requestUpdate();
-            };
-            const onDurationChange = (index, duration) => {
-                console.debug("Updating duration of rule condition to ", duration);
-                this.duration = this.duration.set(index, duration);
-                this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-                this.requestUpdate();
-            };
-            return html `
-                        <or-mwc-input id="idSelect" class="min-width filledSelect" type="${InputType.SELECT}" .readonly="${this.readonly || false}" .label="${i18next.t("asset")}" 
-                                      .options="${idOptions}" .value="${idValue}" .searchProvider="${searchProvider}"
-                                      @or-mwc-input-changed="${(e) => { this._assetId = (e.detail.value); this.refresh(); }}"
-                        ></or-mwc-input>
-                        <div class="attributes">
-                            ${this.query.attributes && this.query.attributes.items ? this.query.attributes.items.map((attributePredicate, index) => {
-                return html `
-                                    ${index > 0 ? html `<or-icon class="small" icon="ampersand"></or-icon>` : ``}
-                                    <div class="attribute">
-                                        <div>
-                                            ${this.attributePredicateEditorTemplate(assetTypeInfo, idValue !== "*" ? this._assets.find((asset) => asset.id === idValue) : undefined, attributePredicate)}
-                                            ${this.attributeDurationTemplate(this.duration, index, onDurationAdd, onDurationChange)}
-                                        </div>
-                                    ${showRemoveAttribute ? html `
-                                        <button class="button-clear" @click="${() => this.removeAttributePredicate(this.query.attributes, attributePredicate)}"><or-icon icon="close-circle"></or-icon></input>
-                                    </div>` : ``}
-                                `;
-            }) : ``}
-                            ${showAddAttribute ? html `
-                                <or-mwc-input class="plus-button" type="${InputType.BUTTON}" icon="plus"
-                                              label="rulesEditorAddAttribute" @or-mwc-input-changed="${(ev) => this.addAttributePredicate(this.query.attributes)}"></or-mwc-input>
-                            ` : ``}
-                        </div>
-                    `;
-        })}
-            </div>
-        `;
-    }
-    set _assetId(assetId) {
-        !assetId || assetId === "*" ? this.query.ids = undefined : this.query.ids = [assetId];
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    getAttributeName(attributePredicate) {
-        return attributePredicate && attributePredicate.name ? attributePredicate.name.value : undefined;
-    }
-    setAttributeName(attributePredicate, attributeName) {
-        if (!attributePredicate.name) {
-            attributePredicate.name = {
-                predicateType: "string"
-            };
-        }
-        attributePredicate.name.match = "EXACT" /* AssetQueryMatch.EXACT */;
-        attributePredicate.name.value = attributeName;
-        attributePredicate.value = undefined;
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    getOperatorMapValue(operatorMap, assetType, attributeName, attributeDescriptor, valueDescriptor) {
-        let assetAttributeMatch;
-        let attributeDescriptorMatch;
-        let attributeValueDescriptorMatch;
-        if (assetType && attributeName) {
-            if (operatorMap[assetType + ":" + attributeName]) {
-                return operatorMap[assetType + ":" + attributeName];
-            }
-        }
-        if (valueDescriptor) {
-            if (operatorMap[valueDescriptor.name]) {
-                return operatorMap[valueDescriptor.name];
-            }
-            if (operatorMap[valueDescriptor.jsonType]) {
-                return operatorMap[valueDescriptor.jsonType];
-            }
-            if (valueDescriptor.arrayDimensions) {
-                return operatorMap["array"];
-            }
-        }
-    }
-    getOperators(assetDescriptor, attributeDescriptor, valueDescriptor, attribute, attributeName) {
-        let operators;
-        if (this.config && this.config.controls && this.config.controls.allowedAssetQueryOperators) {
-            operators = this.getOperatorMapValue(this.config.controls.allowedAssetQueryOperators, getAssetTypeFromQuery(this.query), attributeName, attributeDescriptor, valueDescriptor);
-        }
-        if (!operators) {
-            operators = this.getOperatorMapValue(this._queryOperatorsMap, getAssetTypeFromQuery(this.query), attributeName, attributeDescriptor, valueDescriptor);
-        }
-        return operators ? operators.map((v) => [v, i18next.t(v)]) : [];
-    }
-    getOperator(attributePredicate) {
-        if (!attributePredicate) {
-            return;
-        }
-        // Check for timestampOlderThan, it's independent of value predicate
-        if (attributePredicate.timestampOlderThan !== undefined) {
-            return AssetQueryOperator.NOT_UPDATED_FOR;
-        }
-        if (!attributePredicate.value) {
-            return;
-        }
-        const valuePredicate = attributePredicate.value;
-        switch (valuePredicate.predicateType) {
-            case "string":
-                switch (valuePredicate.match) {
-                    case "EXACT" /* AssetQueryMatch.EXACT */:
-                        return valuePredicate.negate ? AssetQueryOperator.NOT_EQUALS : AssetQueryOperator.EQUALS;
-                    case "BEGIN" /* AssetQueryMatch.BEGIN */:
-                        return valuePredicate.negate ? AssetQueryOperator.NOT_STARTS_WITH : AssetQueryOperator.STARTS_WITH;
-                    case "END" /* AssetQueryMatch.END */:
-                        return valuePredicate.negate ? AssetQueryOperator.NOT_ENDS_WITH : AssetQueryOperator.ENDS_WITH;
-                    case "CONTAINS" /* AssetQueryMatch.CONTAINS */:
-                        return valuePredicate.negate ? AssetQueryOperator.NOT_CONTAINS : AssetQueryOperator.CONTAINS;
-                }
-                return;
-            case "boolean":
-                return valuePredicate.value ? AssetQueryOperator.IS_TRUE : AssetQueryOperator.IS_FALSE;
-            case "datetime":
-            case "number":
-                switch (valuePredicate.operator) {
-                    case "EQUALS" /* AQO.EQUALS */:
-                        return valuePredicate.negate ? AssetQueryOperator.NOT_EQUALS : AssetQueryOperator.EQUALS;
-                    case "GREATER_THAN" /* AQO.GREATER_THAN */:
-                        return valuePredicate.negate ? AssetQueryOperator.LESS_EQUALS : AssetQueryOperator.GREATER_THAN;
-                    case "GREATER_EQUALS" /* AQO.GREATER_EQUALS */:
-                        return valuePredicate.negate ? AssetQueryOperator.LESS_THAN : AssetQueryOperator.GREATER_EQUALS;
-                    case "LESS_THAN" /* AQO.LESS_THAN */:
-                        return valuePredicate.negate ? AssetQueryOperator.GREATER_EQUALS : AssetQueryOperator.LESS_THAN;
-                    case "LESS_EQUALS" /* AQO.LESS_EQUALS */:
-                        return valuePredicate.negate ? AssetQueryOperator.GREATER_THAN : AssetQueryOperator.LESS_EQUALS;
-                    case "BETWEEN" /* AQO.BETWEEN */:
-                        return valuePredicate.negate ? AssetQueryOperator.NOT_BETWEEN : AssetQueryOperator.BETWEEN;
-                }
-                return;
-            case "radial":
-                return valuePredicate.negated ? AssetQueryOperator.OUTSIDE_RADIUS : AssetQueryOperator.WITHIN_RADIUS;
-            case "rect":
-                return valuePredicate.negated ? AssetQueryOperator.OUTSIDE_RECTANGLE : AssetQueryOperator.WITHIN_RECTANGLE;
-            case "array":
-                if (valuePredicate.value && valuePredicate.index) {
-                    return valuePredicate.negated ? AssetQueryOperator.NOT_INDEX_CONTAINS : AssetQueryOperator.INDEX_CONTAINS;
-                }
-                if (valuePredicate.lengthEquals) {
-                    return valuePredicate.negated ? AssetQueryOperator.NOT_LENGTH_EQUALS : AssetQueryOperator.LENGTH_EQUALS;
-                }
-                if (valuePredicate.lengthGreaterThan) {
-                    return valuePredicate.negated ? AssetQueryOperator.LENGTH_LESS_THAN : AssetQueryOperator.LENGTH_GREATER_THAN;
-                }
-                if (valuePredicate.lengthLessThan) {
-                    return valuePredicate.negated ? AssetQueryOperator.LENGTH_GREATER_THAN : AssetQueryOperator.LENGTH_LESS_THAN;
-                }
-                return valuePredicate.negated ? AssetQueryOperator.NOT_CONTAINS : AssetQueryOperator.CONTAINS;
-            case "value-empty":
-                return valuePredicate.negate ? AssetQueryOperator.VALUE_NOT_EMPTY : AssetQueryOperator.VALUE_EMPTY;
-        }
-    }
-    updateDurationMap(index) {
-        if (this.duration) {
-            // re-assign durations by filtering out the index and adjusting remaining indices
-            const newDurationEntries = Array.from(this.duration.entries())
-                .filter(([k, _]) => k !== index)
-                .map(([k, v]) => {
-                const newIndex = k > index ? k - 1 : k;
-                return [newIndex, v]; // adjust indices after the removed index
-            });
-            this.duration = new Map(newDurationEntries);
-        }
-    }
-    setOperator(assetDescriptor, attribute, attributeName, attributePredicate, operator) {
-        if (!this.query
-            || !this.query.attributes
-            || !this.query.attributes.items
-            || this.query.attributes.items.length === 0) {
-            return;
-        }
-        if (!operator) {
-            attributePredicate.value = undefined;
-            this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-            this.requestUpdate();
-            return;
-        }
-        const descriptors = AssetModelUtil.getAttributeAndValueDescriptors(assetDescriptor.name, attribute || attributeName);
-        const value = operator;
-        if (!descriptors || !descriptors[1] || !value) {
-            attributePredicate.value = undefined;
-            this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-            this.requestUpdate();
-            return;
-        }
-        attributePredicate.timestampOlderThan = undefined;
-        const valueDescriptor = descriptors[1];
-        let predicate;
-        switch (value) {
-            // // object
-            // case AssetQueryOperator.NOT_CONTAINS_KEY:
-            // case AssetQueryOperator.CONTAINS_KEY:
-            //     if (valueType === ValueType.OBJECT) {
-            //         predicate = {
-            //             predicateType: "object-value-key",
-            //             negated: value === AssetQueryOperator.NOT_CONTAINS_KEY
-            //         };
-            //     }
-            //     break;
-            // array
-            case AssetQueryOperator.INDEX_CONTAINS:
-            case AssetQueryOperator.NOT_INDEX_CONTAINS:
-            case AssetQueryOperator.LENGTH_EQUALS:
-            case AssetQueryOperator.NOT_LENGTH_EQUALS:
-            case AssetQueryOperator.LENGTH_LESS_THAN:
-            case AssetQueryOperator.LENGTH_GREATER_THAN:
-                if (valueDescriptor.arrayDimensions) {
-                    predicate = {
-                        predicateType: "array",
-                        negated: value === AssetQueryOperator.NOT_INDEX_CONTAINS || value === AssetQueryOperator.NOT_LENGTH_EQUALS,
-                        index: value === AssetQueryOperator.INDEX_CONTAINS || value === AssetQueryOperator.NOT_INDEX_CONTAINS ? 0 : undefined,
-                        lengthEquals: value === AssetQueryOperator.LENGTH_EQUALS || value === AssetQueryOperator.NOT_LENGTH_EQUALS ? 0 : undefined,
-                        lengthGreaterThan: value === AssetQueryOperator.LENGTH_GREATER_THAN ? 0 : undefined,
-                        lengthLessThan: value === AssetQueryOperator.LENGTH_GREATER_THAN ? 0 : undefined,
-                    };
-                }
-                break;
-            // geo point
-            case AssetQueryOperator.WITHIN_RADIUS:
-            case AssetQueryOperator.OUTSIDE_RADIUS:
-                predicate = {
-                    predicateType: "radial",
-                    negated: value === AssetQueryOperator.OUTSIDE_RADIUS,
-                    lat: 0,
-                    lng: 0,
-                    radius: 50
-                };
-                break;
-            case AssetQueryOperator.WITHIN_RECTANGLE:
-            case AssetQueryOperator.OUTSIDE_RECTANGLE:
-                predicate = {
-                    predicateType: "rect",
-                    negated: value === AssetQueryOperator.OUTSIDE_RECTANGLE,
-                    latMin: -0.1,
-                    lngMin: -0.1,
-                    latMax: 0.1,
-                    lngMax: 0.1
-                };
-                break;
-            // boolean
-            case AssetQueryOperator.IS_TRUE:
-            case AssetQueryOperator.IS_FALSE:
-                if (valueDescriptor.jsonType === "boolean") {
-                    predicate = {
-                        predicateType: "boolean",
-                        value: value === AssetQueryOperator.IS_TRUE
-                    };
-                    break;
-                }
-            // string
-            case AssetQueryOperator.STARTS_WITH:
-            case AssetQueryOperator.NOT_STARTS_WITH:
-                if (valueDescriptor.jsonType === "string") {
-                    predicate = {
-                        predicateType: "string",
-                        negate: value === AssetQueryOperator.NOT_STARTS_WITH,
-                        match: "BEGIN" /* AssetQueryMatch.BEGIN */
-                    };
-                }
-                break;
-            case AssetQueryOperator.ENDS_WITH:
-            case AssetQueryOperator.NOT_ENDS_WITH:
-                if (valueDescriptor.jsonType === "string") {
-                    predicate = {
-                        predicateType: "string",
-                        negate: value === AssetQueryOperator.NOT_ENDS_WITH,
-                        match: "END" /* AssetQueryMatch.END */
-                    };
-                }
-                break;
-            // number or datetime
-            case AssetQueryOperator.NOT_BETWEEN:
-                if (valueDescriptor.jsonType === "number" || valueDescriptor.jsonType === "bigint") {
-                    predicate = {
-                        predicateType: "number",
-                        operator: "BETWEEN" /* AQO.BETWEEN */,
-                        negate: true
-                    };
-                }
-                else {
-                    // Assume datetime
-                    predicate = {
-                        predicateType: "datetime",
-                        operator: "BETWEEN" /* AQO.BETWEEN */,
-                        negate: true
-                    };
-                }
-                break;
-            case AssetQueryOperator.GREATER_THAN:
-            case AssetQueryOperator.GREATER_EQUALS:
-            case AssetQueryOperator.LESS_THAN:
-            case AssetQueryOperator.LESS_EQUALS:
-            case AssetQueryOperator.BETWEEN:
-                const key = Util.getEnumKeyAsString(AssetQueryOperator, value);
-                if (valueDescriptor.jsonType === "number") {
-                    predicate = {
-                        predicateType: "number",
-                        operator: key
-                    };
-                }
-                else {
-                    // Assume datetime
-                    predicate = {
-                        predicateType: "datetime",
-                        operator: key
-                    };
-                }
-                break;
-            // multiple
-            case AssetQueryOperator.EQUALS:
-            case AssetQueryOperator.NOT_EQUALS:
-                if (valueDescriptor.jsonType === "date") {
-                    predicate = {
-                        predicateType: "datetime",
-                        negate: value === AssetQueryOperator.NOT_EQUALS,
-                        operator: "EQUALS" /* AQO.EQUALS */
-                    };
-                }
-                else if (valueDescriptor.jsonType === "number") {
-                    predicate = {
-                        predicateType: "number",
-                        negate: value === AssetQueryOperator.NOT_EQUALS,
-                        operator: "EQUALS" /* AQO.EQUALS */
-                    };
-                }
-                else if (valueDescriptor.jsonType === "string") {
-                    predicate = {
-                        predicateType: "string",
-                        negate: value === AssetQueryOperator.NOT_EQUALS,
-                        match: "EXACT" /* AssetQueryMatch.EXACT */
-                    };
-                }
-                break;
-            case AssetQueryOperator.VALUE_EMPTY:
-                predicate = {
-                    predicateType: "value-empty"
-                };
-                break;
-            case AssetQueryOperator.VALUE_NOT_EMPTY:
-                predicate = {
-                    predicateType: "value-empty",
-                    negate: true
-                };
-                break;
-            case AssetQueryOperator.CONTAINS:
-            case AssetQueryOperator.NOT_CONTAINS:
-                if (valueDescriptor.arrayDimensions) {
-                    predicate = {
-                        predicateType: "array",
-                        negated: value === AssetQueryOperator.NOT_CONTAINS
-                    };
-                }
-                else if (valueDescriptor.jsonType === "string") {
-                    predicate = {
-                        predicateType: "string",
-                        negate: value === AssetQueryOperator.NOT_CONTAINS,
-                        match: "CONTAINS" /* AssetQueryMatch.CONTAINS */
-                    };
-                }
-                break;
-            // operator without value predicate - since timestamp is being used rather than attribute value
-            case AssetQueryOperator.NOT_UPDATED_FOR:
-                attributePredicate.timestampOlderThan = "";
-                const index = this.query.attributes.items.indexOf(attributePredicate);
-                this.updateDurationMap(index);
-                break;
-        }
-        attributePredicate.value = predicate;
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    get attributePredicate() {
-        return this.query
-            && this.query.attributes
-            && this.query.attributes.items
-            && this.query.attributes.items.length > 0
-            ? this.query.attributes.items[0] : undefined;
-    }
-    setValuePredicateProperty(valuePredicate, propertyName, value) {
-        if (!valuePredicate) {
-            return;
-        }
-        valuePredicate[propertyName] = value;
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    removeAttributePredicate(group, attributePredicate) {
-        const index = group.items.indexOf(attributePredicate);
-        if (index >= 0) {
-            group.items.splice(index, 1);
-            this.updateDurationMap(index);
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    addAttributePredicate(group) {
-        if (!group.items) {
-            group.items = [];
-        }
-        group.items.push({});
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    toggleAttributeGroup(group) {
-        if (group.operator === "OR" /* LogicGroupOperator.OR */) {
-            group.operator = "AND" /* LogicGroupOperator.AND */;
-        }
-        else {
-            group.operator = "OR" /* LogicGroupOperator.OR */;
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    loadAssets(type) {
-        this.assetProvider(type).then(assets => {
-            this._assets = assets;
-        });
-    }
-};
-__decorate([
-    property({ type: Object, attribute: false })
-], OrRuleAssetQuery.prototype, "condition", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleAssetQuery.prototype, "config", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleAssetQuery.prototype, "assetInfos", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleAssetQuery.prototype, "assetProvider", void 0);
-__decorate([
-    state()
-], OrRuleAssetQuery.prototype, "_assets", void 0);
-OrRuleAssetQuery = __decorate([
-    customElement("or-rule-asset-query")
-], OrRuleAssetQuery);
-export { OrRuleAssetQuery };
-//# sourceMappingURL=or-rule-asset-query.js.map
+var __decorate=this&&this.__decorate||function(t,e,r,i){var a,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,i);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(n=(s<3?a(n):s>3?a(e,r,n):a(e,r))||n);return s>3&&n&&Object.defineProperty(e,r,n),n},__awaiter=this&&this.__awaiter||function(t,e,r,i){return new(r||(r=Promise))(function(a,s){function n(t){try{u(i.next(t))}catch(t){s(t)}}function o(t){try{u(i.throw(t))}catch(t){s(t)}}function u(t){var e;t.done?a(t.value):((e=t.value)instanceof r?e:new r(function(t){t(e)})).then(n,o)}u((i=i.apply(t,e||[])).next())})};import{css as t,html as e,LitElement as r}from"lit";import{customElement as i,property as a,state as s}from"lit/decorators.js";import{AssetModelUtil as n}from"@openremote/model";import{AssetQueryOperator as o,getAssetIdsFromQuery as u,getAssetTypeFromQuery as l}from"../index";import"@openremote/or-mwc-components/or-mwc-input";import{InputType as d}from"@openremote/or-mwc-components/or-mwc-input";import"@openremote/or-attribute-input";import{Util as p}from"@openremote/core";import c from"i18next";import{buttonStyle as T}from"../style";import{OrRulesJsonRuleChangedEvent as E}from"./or-rule-json-viewer";import{translate as h}from"@openremote/or-translate";import"./modals/or-rule-radial-modal";import{ifDefined as _}from"lit/directives/if-defined.js";import{when as m}from"lit/directives/when.js";import N from"moment";let style=t`
+    
+    ${T}
+    
+    :host {
+        display: block;
+    }
+    
+    .attribute-group {
+        flex-grow: 1;
+        display: flex;
+        align-items: start;
+        flex-direction: row;
+        flex-wrap: wrap;
+    }
+
+    .min-width {
+        min-width: 200px;
+    }
+    
+    .attribute-group > * {
+        margin: 10px 3px 6px 3px;
+    }
+    .attributes {
+        flex: 1 1 min-content;
+        display: flex;
+        flex-direction: column;
+        row-gap: 10px;
+    }
+    or-icon.small {
+        --or-icon-width: 14px;
+        --or-icon-height: 14px;
+    }
+    .attribute {
+        display: flex;
+        align-items: center;
+    }
+    .attribute > div {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 6px;
+    }
+    .attribute > div > or-rule-radial-modal {
+        min-width: auto;
+    }
+    .attribute > div > or-mwc-input[type="button"] {
+        min-width: auto;
+    }
+    .attribute > div > or-mwc-input:not([type="button"]) {
+        width: 200px;
+    }
+    .attribute > div > or-attribute-input {
+        width: 200px;
+    }
+    .attribute > div > * {
+        min-width: 200px;
+    }
+    .button-clear {
+        margin-left: auto;
+    }
+    .attribute:hover .button-clear {
+        visibility: visible;
+    }
+    
+    .invalidLabel {
+        display: flex;
+        align-items: center;
+        margin: 14px 3px auto 0;
+        height: 48px; /* Same as the icon size */
+    }
+`,OrRuleAssetQuery=class extends h(c)(r){constructor(){super(),this._queryOperatorsMap={},this._queryOperatorsMap.GEO_JSONPoint=[o.EQUALS,o.NOT_EQUALS,o.WITHIN_RADIUS,o.OUTSIDE_RADIUS,o.WITHIN_RECTANGLE,o.OUTSIDE_RECTANGLE,o.VALUE_EMPTY,o.VALUE_NOT_EMPTY,o.NOT_UPDATED_FOR],this._queryOperatorsMap.string=[o.EQUALS,o.NOT_EQUALS,o.CONTAINS,o.NOT_CONTAINS,o.STARTS_WITH,o.NOT_STARTS_WITH,o.ENDS_WITH,o.NOT_ENDS_WITH,o.VALUE_EMPTY,o.VALUE_NOT_EMPTY,o.NOT_UPDATED_FOR],this._queryOperatorsMap.number=[o.EQUALS,o.NOT_EQUALS,o.GREATER_THAN,o.GREATER_EQUALS,o.LESS_THAN,o.LESS_EQUALS,o.BETWEEN,o.NOT_BETWEEN,o.VALUE_EMPTY,o.VALUE_NOT_EMPTY,o.NOT_UPDATED_FOR],this._queryOperatorsMap.boolean=[o.IS_TRUE,o.IS_FALSE,o.VALUE_EMPTY,o.VALUE_NOT_EMPTY,o.NOT_UPDATED_FOR],this._queryOperatorsMap.array=[o.CONTAINS,o.NOT_CONTAINS,o.INDEX_CONTAINS,o.NOT_INDEX_CONTAINS,o.LENGTH_EQUALS,o.NOT_LENGTH_EQUALS,o.LENGTH_LESS_THAN,o.LENGTH_GREATER_THAN,o.VALUE_EMPTY,o.VALUE_NOT_EMPTY,o.NOT_UPDATED_FOR],this._queryOperatorsMap.object=[o.CONTAINS_KEY,o.NOT_CONTAINS_KEY,o.VALUE_EMPTY,o.VALUE_NOT_EMPTY,o.NOT_UPDATED_FOR]}refresh(){this._assets=void 0}attributePredicateEditorTemplate(t,r,i){let a=t.assetDescriptor,s=this.getOperator(i),o=this.getAttributeName(i),u=r&&r.attributes&&o?r.attributes[o]:void 0,l=[],T=n.getAttributeAndValueDescriptors(r?r.type:a.name,u||o,u);(l=r&&r.attributes?Object.values(r.attributes).filter(t=>t.meta&&(t.meta.hasOwnProperty("ruleState")?t.meta.ruleState:t.meta.hasOwnProperty("agentLink"))).map(t=>{let e=n.getAttributeAndValueDescriptors(r.type,t.name,t),i=p.getAttributeLabel(t,e[0],r.type,!1);return[t.name,i]}):t&&t.attributeDescriptors?t.attributeDescriptors.map(t=>{let e=n.getAttributeAndValueDescriptors(a.name,t),r=p.getAttributeLabel(void 0,e?e[0]:void 0,a.name,!1);return[t.name,r]}):[]).sort(p.sortByString(t=>t[1]));let E=o?this.getOperators(a,T?T[0]:void 0,T?T[1]:void 0,u,o):[];return e`
+            <or-mwc-input type="${d.SELECT}" @or-mwc-input-changed="${t=>this.setAttributeName(i,t.detail.value)}" .readonly="${this.readonly||!1}" .options="${l}" .value="${o}" .label="${c.t("attribute")}"></or-mwc-input>
+            ${o?e`<or-mwc-input type="${d.SELECT}" @or-mwc-input-changed="${t=>this.setOperator(a,u,o,i,t.detail.value)}" .readonly="${this.readonly||!1}" .options="${E}" .value="${s}" .label="${c.t("operator")}"></or-mwc-input>`:""}
+            ${i?this.attributePredicateValueEditorTemplate(a,r,i):""}
+        `}attributePredicateValueEditorTemplate(t,r,i){var a,s,u,p,T,h,m;if(this.getOperator(i)===o.NOT_UPDATED_FOR){let t=i.timestampOlderThan?N.duration(i.timestampOlderThan):void 0;return e`
+                <or-mwc-input type="${d.NUMBER}" 
+                              min="0"
+                              .value="${null==t?void 0:t.asMinutes()}"
+                              label="${c.t("rulesEditorDuration")}"
+                              @or-mwc-input-changed="${t=>{let e=t.detail.value,r=N.duration(e,"minutes");i.timestampOlderThan=e>0?r.toISOString():void 0,this.dispatchEvent(new E)}}">
+                </or-mwc-input>`}let A=i.value;if(!t||!A)return"";let y=this.getAttributeName(i),b=l(this.query),O=r&&r.attributes&&y?r.attributes[y]:void 0,v=n.getAttributeAndValueDescriptors(b,y,O),S=A?A.value:void 0;switch(A.predicateType){case"string":return e`<or-attribute-input @or-attribute-input-changed="${t=>this.setValuePredicateProperty(A,"value",t.detail.value)}" .customProvider="${null==(a=this.config)?void 0:a.inputProvider}" .label="${c.t("value")}" .assetType="${b}" .attributeDescriptor="${v[0]}" .attributeValueDescriptor="${v[1]}" .value="${S}" .readonly="${this.readonly||!1}" .fullWidth="${!0}"></or-attribute-input>`;case"boolean":return e``;case"datetime":case"rect":default:return e`<span>NOT IMPLEMENTED</span>`;case"number":let g;if("BETWEEN"===A.operator)return e`
+                        <or-attribute-input .inputType="${d.NUMBER}" @or-attribute-input-changed="${t=>this.setValuePredicateProperty(A,"value",t.detail.value)}" .customProvider="${null==(s=this.config)?void 0:s.inputProvider}" .label="${c.t("between")}" .assetType="${b}" .attributeDescriptor="${v[0]}" .attributeValueDescriptor="${v[1]}" .value="${S}" .readonly="${this.readonly||!1}" .fullWidth="${!0}"></or-attribute-input>
+                        <span style="display: inline-flex; align-items: center;">&</span>
+                        <or-attribute-input .inputType="${d.NUMBER}" @or-attribute-input-changed="${t=>this.setValuePredicateProperty(A,"rangeValue",t.detail.value)}" .customProvider="${null==(u=this.config)?void 0:u.inputProvider}" .label="${c.t("and")}" .assetType="${b}" .attributeDescriptor="${v[0]}" .attributeValueDescriptor="${v[1]}" .value="${A.rangeValue}" .readonly="${this.readonly||!1}" .fullWidth="${!0}"></or-attribute-input>
+                    `;return(null==(T=null==(p=v[0])?void 0:p.format)?void 0:T.asSlider)&&(g=d.NUMBER),e`<or-attribute-input .inputType="${_(g)}" @or-attribute-input-changed="${t=>this.setValuePredicateProperty(A,"value",t.detail.value)}" .customProvider="${null==(h=this.config)?void 0:h.inputProvider}" .label="" .assetType="${b}" .attributeDescriptor="${v[0]}" .attributeValueDescriptor="${v[1]}" .value="${S}" .readonly="${this.readonly||!1}" .fullWidth="${!0}"></or-attribute-input>`;case"radial":return e`<or-rule-radial-modal .query="${this.query}" .assetDescriptor="${t}" .attributePredicate="${i}"></or-rule-radial-modal>`;case"value-empty":return"";case"array":return e`<or-attribute-input @or-attribute-input-changed="${t=>this.setValuePredicateProperty(A,"value",t.detail.value)}" .customProvider="${null==(m=this.config)?void 0:m.inputProvider}" .label="" .assetType="${b}" .attributeDescriptor="${v[0]}" .attributeValueDescriptor="${v[1]}" .value="${S}" .readonly="${this.readonly||!1}" .fullWidth="${!0}></or-attribute-input>`}}attributeDurationTemplate(t,r,i,a){var s,n;let u=null==(n=null==(s=this.query.attributes)?void 0:s.items)?void 0:n[r];if((u?this.getOperator(u):void 0)===o.NOT_UPDATED_FOR)return e``;if(!t.has(r))return e`
+                <or-mwc-input type="${d.BUTTON}" .readonly="${this.readonly||!1}" icon="clock-plus-outline"
+                              title="${c.t("rulesEditorAddDuration")}" @or-mwc-input-changed="${()=>i(r)}"
+                ></or-mwc-input>
+            `;{let i=t.get(r),s=i?N.duration(i):void 0;return e`
+                <or-mwc-input type="${d.NUMBER}" min="0" .readonly="${this.readonly||!1}"
+                              .value="${null==s?void 0:s.asMinutes()}" label="${c.t("rulesEditorDuration")}"
+                              @or-mwc-input-changed="${t=>{let e=N.duration(t.detail.value,"minutes");e.asMinutes()>0?a(r,e.toISOString()):a(r,void 0)}}"
+                ></or-mwc-input>
+            `}}static get styles(){return style}shouldUpdate(t){return t.has("condition")&&(this._assets=void 0),super.shouldUpdate(t)}get query(){return this.condition.assets}get duration(){var t;return(null==(t=this.condition)?void 0:t.duration)?new Map(Object.entries(this.condition.duration).map(([t,e])=>[Number(t),e])):new Map}set duration(t){t.size>0?this.condition.duration=Object.fromEntries(t):this.condition.duration=void 0}render(){let t,r=l(this.query);if(!r)return e`<span class="invalidLabel">${c.t("errorOccurred")}</span>`;let i=this.assetInfos?this.assetInfos.find(t=>t.assetDescriptor.name===r):void 0;if(!i)return e`<span class="invalidLabel">${c.t("errorOccurred")}</span>`;this._assets||this.loadAssets(r),this.query.attributes||(this.query.attributes={}),this.query.attributes.items&&0!==this.query.attributes.items.length||(this.query.attributes.items=[{}]);let a=!this.readonly&&this.query.attributes&&this.query.attributes.items&&this.query.attributes.items.length>1,s=u(this.query),n=s&&s.length>0?s[0]:"*",o=[["*",c.t("anyOfThisType")]];return e`
+            <div class="attribute-group">
+            
+                <!-- Show SELECT input with 'loading' until the assets are retrieved -->
+                ${m(!this._assets,()=>e`
+                    <or-mwc-input id="idSelect" class="min-width" type="${d.SELECT}" .readonly="${!0}" .label="${c.t("loading")}"></or-mwc-input>
+                `,()=>{this._assets.length<=25?o.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 r;return null==(r=e.name)?void 0:r.toLowerCase().includes(t.toLowerCase())}).map(t=>[t.id,t.name]);if(this._assets.length<=100)return o.push(...this._assets.map(t=>[t.id,t.name])),o;{let t=null==(e=this._assets)?void 0:e.find(t=>t.id==n);return t&&void 0==o.find(([e,r])=>e==t.id)&&o.push([t.id,t.name]),o}});let r=!this.readonly&&(!this.config||!this.config.controls||!0!==this.config.controls.hideWhenAddAttribute),s=t=>{this.duration=this.duration.set(t,void 0),this.requestUpdate()},u=(t,e)=>{console.debug("Updating duration of rule condition to ",e),this.duration=this.duration.set(t,e),this.dispatchEvent(new E),this.requestUpdate()};return e`
+                        <or-mwc-input id="idSelect" class="min-width filledSelect" type="${d.SELECT}" .readonly="${this.readonly||!1}" .label="${c.t("asset")}" 
+                                      .options="${o}" .value="${n}" .searchProvider="${t}"
+                                      @or-mwc-input-changed="${t=>{this._assetId=t.detail.value,this.refresh()}}"
+                        ></or-mwc-input>
+                        <div class="attributes">
+                            ${this.query.attributes&&this.query.attributes.items?this.query.attributes.items.map((t,r)=>e`
+                                    ${r>0?e`<or-icon class="small" icon="ampersand"></or-icon>`:""}
+                                    <div class="attribute">
+                                        <div>
+                                            ${this.attributePredicateEditorTemplate(i,"*"!==n?this._assets.find(t=>t.id===n):void 0,t)}
+                                            ${this.attributeDurationTemplate(this.duration,r,s,u)}
+                                        </div>
+                                    ${a?e`
+                                        <button class="button-clear" @click="${()=>this.removeAttributePredicate(this.query.attributes,t)}"><or-icon icon="close-circle"></or-icon></input>
+                                    </div>`:""}
+                                `):""}
+                            ${r?e`
+                                <or-mwc-input class="plus-button" type="${d.BUTTON}" icon="plus"
+                                              label="rulesEditorAddAttribute" @or-mwc-input-changed="${t=>this.addAttributePredicate(this.query.attributes)}"></or-mwc-input>
+                            `:""}
+                        </div>
+                    `})}
+            </div>
+        `}set _assetId(t){t&&"*"!==t?this.query.ids=[t]:this.query.ids=void 0,this.dispatchEvent(new E),this.requestUpdate()}getAttributeName(t){return t&&t.name?t.name.value:void 0}setAttributeName(t,e){t.name||(t.name={predicateType:"string"}),t.name.match="EXACT",t.name.value=e,t.value=void 0,this.dispatchEvent(new E),this.requestUpdate()}getOperatorMapValue(t,e,r,i,a){if(e&&r&&t[e+":"+r])return t[e+":"+r];if(a){if(t[a.name])return t[a.name];if(t[a.jsonType])return t[a.jsonType];if(a.arrayDimensions)return t.array}}getOperators(t,e,r,i,a){let s;return this.config&&this.config.controls&&this.config.controls.allowedAssetQueryOperators&&(s=this.getOperatorMapValue(this.config.controls.allowedAssetQueryOperators,l(this.query),a,e,r)),s||(s=this.getOperatorMapValue(this._queryOperatorsMap,l(this.query),a,e,r)),s?s.map(t=>[t,c.t(t)]):[]}getOperator(t){if(!t)return;if(void 0!==t.timestampOlderThan)return o.NOT_UPDATED_FOR;if(!t.value)return;let e=t.value;switch(e.predicateType){case"string":switch(e.match){case"EXACT":return e.negate?o.NOT_EQUALS:o.EQUALS;case"BEGIN":return e.negate?o.NOT_STARTS_WITH:o.STARTS_WITH;case"END":return e.negate?o.NOT_ENDS_WITH:o.ENDS_WITH;case"CONTAINS":return e.negate?o.NOT_CONTAINS:o.CONTAINS}return;case"boolean":return e.value?o.IS_TRUE:o.IS_FALSE;case"datetime":case"number":switch(e.operator){case"EQUALS":return e.negate?o.NOT_EQUALS:o.EQUALS;case"GREATER_THAN":return e.negate?o.LESS_EQUALS:o.GREATER_THAN;case"GREATER_EQUALS":return e.negate?o.LESS_THAN:o.GREATER_EQUALS;case"LESS_THAN":return e.negate?o.GREATER_EQUALS:o.LESS_THAN;case"LESS_EQUALS":return e.negate?o.GREATER_THAN:o.LESS_EQUALS;case"BETWEEN":return e.negate?o.NOT_BETWEEN:o.BETWEEN}return;case"radial":return e.negated?o.OUTSIDE_RADIUS:o.WITHIN_RADIUS;case"rect":return e.negated?o.OUTSIDE_RECTANGLE:o.WITHIN_RECTANGLE;case"array":if(e.value&&e.index)return e.negated?o.NOT_INDEX_CONTAINS:o.INDEX_CONTAINS;if(e.lengthEquals)return e.negated?o.NOT_LENGTH_EQUALS:o.LENGTH_EQUALS;if(e.lengthGreaterThan)return e.negated?o.LENGTH_LESS_THAN:o.LENGTH_GREATER_THAN;if(e.lengthLessThan)return e.negated?o.LENGTH_GREATER_THAN:o.LENGTH_LESS_THAN;return e.negated?o.NOT_CONTAINS:o.CONTAINS;case"value-empty":return e.negate?o.VALUE_NOT_EMPTY:o.VALUE_EMPTY}}updateDurationMap(t){if(this.duration){let e=Array.from(this.duration.entries()).filter(([e,r])=>e!==t).map(([e,r])=>[e>t?e-1:e,r]);this.duration=new Map(e)}}setOperator(t,e,r,i,a){let s;if(!this.query||!this.query.attributes||!this.query.attributes.items||0===this.query.attributes.items.length)return;if(!a){i.value=void 0,this.dispatchEvent(new E),this.requestUpdate();return}let u=n.getAttributeAndValueDescriptors(t.name,e||r);if(!u||!u[1]||!a){i.value=void 0,this.dispatchEvent(new E),this.requestUpdate();return}i.timestampOlderThan=void 0;let l=u[1];switch(a){case o.INDEX_CONTAINS:case o.NOT_INDEX_CONTAINS:case o.LENGTH_EQUALS:case o.NOT_LENGTH_EQUALS:case o.LENGTH_LESS_THAN:case o.LENGTH_GREATER_THAN:l.arrayDimensions&&(s={predicateType:"array",negated:a===o.NOT_INDEX_CONTAINS||a===o.NOT_LENGTH_EQUALS,index:a===o.INDEX_CONTAINS||a===o.NOT_INDEX_CONTAINS?0:void 0,lengthEquals:a===o.LENGTH_EQUALS||a===o.NOT_LENGTH_EQUALS?0:void 0,lengthGreaterThan:a===o.LENGTH_GREATER_THAN?0:void 0,lengthLessThan:a===o.LENGTH_GREATER_THAN?0:void 0});break;case o.WITHIN_RADIUS:case o.OUTSIDE_RADIUS:s={predicateType:"radial",negated:a===o.OUTSIDE_RADIUS,lat:0,lng:0,radius:50};break;case o.WITHIN_RECTANGLE:case o.OUTSIDE_RECTANGLE:s={predicateType:"rect",negated:a===o.OUTSIDE_RECTANGLE,latMin:-.1,lngMin:-.1,latMax:.1,lngMax:.1};break;case o.IS_TRUE:case o.IS_FALSE:if("boolean"===l.jsonType){s={predicateType:"boolean",value:a===o.IS_TRUE};break}case o.STARTS_WITH:case o.NOT_STARTS_WITH:"string"===l.jsonType&&(s={predicateType:"string",negate:a===o.NOT_STARTS_WITH,match:"BEGIN"});break;case o.ENDS_WITH:case o.NOT_ENDS_WITH:"string"===l.jsonType&&(s={predicateType:"string",negate:a===o.NOT_ENDS_WITH,match:"END"});break;case o.NOT_BETWEEN:s="number"===l.jsonType||"bigint"===l.jsonType?{predicateType:"number",operator:"BETWEEN",negate:!0}:{predicateType:"datetime",operator:"BETWEEN",negate:!0};break;case o.GREATER_THAN:case o.GREATER_EQUALS:case o.LESS_THAN:case o.LESS_EQUALS:case o.BETWEEN:let d=p.getEnumKeyAsString(o,a);s="number"===l.jsonType?{predicateType:"number",operator:d}:{predicateType:"datetime",operator:d};break;case o.EQUALS:case o.NOT_EQUALS:"date"===l.jsonType?s={predicateType:"datetime",negate:a===o.NOT_EQUALS,operator:"EQUALS"}:"number"===l.jsonType?s={predicateType:"number",negate:a===o.NOT_EQUALS,operator:"EQUALS"}:"string"===l.jsonType&&(s={predicateType:"string",negate:a===o.NOT_EQUALS,match:"EXACT"});break;case o.VALUE_EMPTY:s={predicateType:"value-empty"};break;case o.VALUE_NOT_EMPTY:s={predicateType:"value-empty",negate:!0};break;case o.CONTAINS:case o.NOT_CONTAINS:l.arrayDimensions?s={predicateType:"array",negated:a===o.NOT_CONTAINS}:"string"===l.jsonType&&(s={predicateType:"string",negate:a===o.NOT_CONTAINS,match:"CONTAINS"});break;case o.NOT_UPDATED_FOR:i.timestampOlderThan="";let c=this.query.attributes.items.indexOf(i);this.updateDurationMap(c)}i.value=s,this.dispatchEvent(new E),this.requestUpdate()}get attributePredicate(){return this.query&&this.query.attributes&&this.query.attributes.items&&this.query.attributes.items.length>0?this.query.attributes.items[0]:void 0}setValuePredicateProperty(t,e,r){t&&(t[e]=r,this.dispatchEvent(new E),this.requestUpdate())}removeAttributePredicate(t,e){let r=t.items.indexOf(e);r>=0&&(t.items.splice(r,1),this.updateDurationMap(r)),this.dispatchEvent(new E),this.requestUpdate()}addAttributePredicate(t){t.items||(t.items=[]),t.items.push({}),this.dispatchEvent(new E),this.requestUpdate()}toggleAttributeGroup(t){"OR"===t.operator?t.operator="AND":t.operator="OR",this.dispatchEvent(new E),this.requestUpdate()}loadAssets(t){this.assetProvider(t).then(t=>{this._assets=t})}};__decorate([a({type:Object,attribute:!1})],OrRuleAssetQuery.prototype,"condition",void 0),__decorate([a({type:Object})],OrRuleAssetQuery.prototype,"config",void 0),__decorate([a({type:Object})],OrRuleAssetQuery.prototype,"assetInfos",void 0),__decorate([a({type:Object})],OrRuleAssetQuery.prototype,"assetProvider",void 0),__decorate([s()],OrRuleAssetQuery.prototype,"_assets",void 0),OrRuleAssetQuery=__decorate([i("or-rule-asset-query")],OrRuleAssetQuery);export{OrRuleAssetQuery};