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

package/lib/or-rule-tree.js

@@ -1,601 +1,57 @@
-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());
-    });
-};
-var OrRuleTree_1;
-/*
- * Copyright 2025, OpenRemote Inc.
- *
- * See the CONTRIBUTORS.txt file in the distribution for a
- * full listing of individual contributors.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import { OrTreeMenu, TreeMenuSelection } from "@openremote/or-tree-menu";
-import { customElement, property, state } from "lit/decorators.js";
-import { css, html } from "lit";
-import manager, { Util } from "@openremote/core";
-import { i18next } from "@openremote/or-translate";
-import { getContentWithMenuTemplate } from "@openremote/or-mwc-components/or-mwc-menu";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import { showOkCancelDialog } from "@openremote/or-mwc-components/or-mwc-dialog";
-import { OrRules, OrRulesAddEvent, OrRulesRequestAddEvent, OrRulesRequestDeleteEvent, OrRulesRequestGroupEvent, OrRulesRequestSelectionEvent, OrRulesSelectionEvent, RuleViewInfoMap } from "./index";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { when } from "lit/directives/when.js";
-const styling = css `
-    .iconfill-gray {
-        --or-icon-fill: var(--internal-or-rules-list-icon-color-ok);
-    }
-
-    .iconfill-red {
-        --or-icon-fill: var(--internal-or-rules-list-icon-color-error);
-    }
-
-    #rules-tree-global-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 15px;
-        min-height: 48px;
-        background: var(--or-app-color3, #4c4c4c);
-        color: var(--or-app-color7, white);
-        --or-icon-fill: var(--or-app-color7, white);
-    }
-`;
-export var RuleTreeSorting;
-(function (RuleTreeSorting) {
-    RuleTreeSorting["NAME"] = "name";
-    RuleTreeSorting["CREATED_ON"] = "createdOn";
-    RuleTreeSorting["LANGUAGE"] = "language";
-    RuleTreeSorting["STATUS"] = "status";
-})(RuleTreeSorting || (RuleTreeSorting = {}));
-let OrRuleTree = OrRuleTree_1 = class OrRuleTree extends OrTreeMenu {
-    constructor() {
-        super(...arguments);
-        /**
-         * Defines whether only global rulesets should be visible.
-         */
-        this.global = false;
-        /**
-         * Sets every element in the tree to readonly mode
-         */
-        this.readonly = false;
-        this.nodes = [];
-        this.draggable = true;
-        this.selection = TreeMenuSelection.MULTI;
-        this.sortOptions = [RuleTreeSorting.NAME, RuleTreeSorting.CREATED_ON, RuleTreeSorting.STATUS, RuleTreeSorting.LANGUAGE];
-        this.sortBy = RuleTreeSorting.NAME;
-        this.groupFirst = true;
-        this.menuTitle = "rules";
-        this._loadingPromises = [];
-        this._selectedTypes = new Set();
-        // Cache of empty groups (when no rule has this groupId), so they stay during refreshes.
-        this._cachedEmptyGroupNodes = [];
-    }
-    static get styles() {
-        return [...super.styles, styling];
-    }
-    willUpdate(changedProps) {
-        var _a, _b, _c;
-        if (changedProps.has("rules")) {
-            if (!this.rules) {
-                this._loadRulesets(this.global).then(rulesets => this.rules = rulesets);
-            }
-            else {
-                // This stops a group from showing up twice after its first rule is added.
-                // It removes the old, empty version of the group from memory so only the new, updated one is displayed.
-                const ruleNodes = this._getRuleNodes(this.rules);
-                const ruleNodeIds = new Set(ruleNodes.map(node => node.id));
-                const emptyGroups = this._cachedEmptyGroupNodes
-                    .filter(cachedNode => !ruleNodeIds.has(cachedNode.id));
-                this.nodes = [...ruleNodes, ...emptyGroups];
-                this._cachedEmptyGroupNodes = emptyGroups;
-            }
-        }
-        if (changedProps.has("nodes")) {
-            this._cachedEmptyGroupNodes = ((_a = this.nodes) === null || _a === void 0 ? void 0 : _a.filter(n => !!n.children && n.children.length === 0)) || [];
-        }
-        if (changedProps.has("config") && this.config) {
-            if (((_b = this.config.controls) === null || _b === void 0 ? void 0 : _b.multiSelect) !== undefined) {
-                this.selection = ((_c = this.config.controls) === null || _c === void 0 ? void 0 : _c.multiSelect) ? TreeMenuSelection.MULTI : TreeMenuSelection.LEAF;
-            }
-        }
-        return super.willUpdate(changedProps);
-    }
-    firstUpdated(changedProps) {
-        if (!this.rules) {
-            this._loadRulesets(this.global).then(rulesets => {
-                this.rules = rulesets;
-            });
-        }
-    }
-    _getSingleNodeSlotTemplate(node) {
-        var _a, _b, _c;
-        return html `
-            <or-icon slot="prefix" icon="${this._getRulesetLangIcon((_a = node.ruleset) === null || _a === void 0 ? void 0 : _a.lang)}"></or-icon>
-            <span>${node.label}</span>
-            <or-icon slot="suffix" icon=${ifDefined(this._getRulesetStatusIcon((_b = node.ruleset) === null || _b === void 0 ? void 0 : _b.status))}
-                     class=${this._getRulesetStatusColorClass((_c = node.ruleset) === null || _c === void 0 ? void 0 : _c.status)}
-            ></or-icon>
-        `;
-    }
-    _getGroupNodeSlotTemplate(node) {
-        var _a;
-        let icon;
-        const childrenStatus = (_a = node.children) === null || _a === void 0 ? void 0 : _a.map(child => { var _a; return (_a = child.ruleset) === null || _a === void 0 ? void 0 : _a.status; }).filter(status => status);
-        const hasError = (childrenStatus === null || childrenStatus === void 0 ? void 0 : childrenStatus.find(c => ["LOOP_ERROR" /* RulesetStatus.LOOP_ERROR */, "EXECUTION_ERROR" /* RulesetStatus.EXECUTION_ERROR */, "COMPILATION_ERROR" /* RulesetStatus.COMPILATION_ERROR */].includes(c))) || false;
-        if (hasError) {
-            const errorCounts = ["LOOP_ERROR" /* RulesetStatus.LOOP_ERROR */, "EXECUTION_ERROR" /* RulesetStatus.EXECUTION_ERROR */, "COMPILATION_ERROR" /* RulesetStatus.COMPILATION_ERROR */].map(err => [err, childrenStatus.filter(s => s === err).length]);
-            const mostCommonError = errorCounts.reduce((prev, curr) => curr[1] > prev[1] ? curr : prev)[0];
-            icon = this._getRulesetStatusIcon(mostCommonError);
-        }
-        return html `
-            <or-icon slot="prefix" icon="folder"></or-icon>
-            <span>${node.label}</span>
-            <or-icon slot="suffix" icon=${ifDefined(icon)} class="iconfill-red"></or-icon>
-        `;
-    }
-    _getHeaderTemplate() {
-        return html `
-            ${when(manager.isSuperUser(), () => html `
-                <div id="rules-tree-global-header">
-                    <or-translate value="realmRules"></or-translate>
-                    <or-mwc-input type=${InputType.SWITCH} @or-mwc-input-changed=${this._onGlobalSwitch}></or-mwc-input>
-                    <or-translate value="globalRules"></or-translate>
-                </div>
-            `)}
-            <div id="tree-header">
-                <h3 id="tree-header-title">
-                    <or-translate value=${this.menuTitle}></or-translate>
-                </h3>
-                <div id="tree-header-actions">
-                    ${when((this._selectedTypes.size === 1 && this._selectedTypes.has('ruleset')) && !this.readonly, () => html `
-                        ${when(this._findSelectedTreeNodes().length === 1, () => html `
-                            <or-mwc-input type=${InputType.BUTTON} icon="content-copy" @or-mwc-input-changed=${this._onCopyClicked}></or-mwc-input>
-                        `)}
-                        <or-mwc-input type=${InputType.BUTTON} icon="delete" @or-mwc-input-changed=${this._onDeleteClicked}></or-mwc-input>
-                    `)}
-                    ${when((this._selectedTypes.size === 1 && this._selectedTypes.has('group')) && !this.readonly, () => html `
-                        <or-mwc-input type=${InputType.BUTTON} icon="delete" @or-mwc-input-changed=${this._onDeleteClicked}></or-mwc-input>
-                    `)}
-                    ${this._getAddActionTemplate()}
-                    ${this._getSortActionTemplate(this.sortBy, this.sortOptions)}
-                </div>
-            </div>
-        `;
-    }
-    /**
-     * HTML callback on when the global switch is toggled.
-     * It normally toggles between 'global' and 'realm' rulesets when the user is a superuser.
-     */
-    _onGlobalSwitch(ev) {
-        this.global = ev.detail.value;
-        this.refresh();
-    }
-    /**
-     * HTML callback on when the 'copy' menu option is pressed.
-     * The function duplicates the current selected rule, and shows it inside the viewer window.
-     */
-    _onCopyClicked(_ev) {
-        const selected = this._findSelectedTreeNodes();
-        if (selected.length !== 1) {
-            return;
-        }
-        const node = selected[0];
-        const ruleset = JSON.parse(JSON.stringify(node.ruleset));
-        delete ruleset.lastModified;
-        delete ruleset.createdOn;
-        delete ruleset.status;
-        delete ruleset.error;
-        delete ruleset.id;
-        ruleset.name = ruleset.name + " copy";
-        if (this.config && this.config.rulesetCopyHandler && !this.config.rulesetCopyHandler(ruleset)) {
-            return;
-        }
-        Util.dispatchCancellableEvent(this, new OrRulesRequestAddEvent({
-            ruleset: ruleset,
-            sourceRuleset: node.ruleset
-        })).then((detail) => {
-            if (detail.allow) {
-                this.dispatchEvent(new OrRulesAddEvent(detail.detail));
-            }
-        });
-    }
-    /**
-     * HTML callback on when the 'delete' menu option is pressed.
-     * The function deletes the rule that is affiliated with selected tree node,
-     * after prompting a modal that the user confirms this action.
-     */
-    _onDeleteClicked(_ev) {
-        const selected = this._findSelectedTreeNodes();
-        if (selected.length > 0) {
-            const selectedRules = selected.map(node => node.ruleset).filter(x => x);
-            // If groups are selected, loop through the children, and add them to the selectedRules;
-            const groupNodes = selected.filter(group => group.children);
-            const groupNames = groupNodes.map(node => node.label);
-            const selectedChildNodes = groupNodes.flatMap(group => group.children);
-            const selectedChildRules = selectedChildNodes.flatMap(node => node.ruleset ? [node.ruleset] : []);
-            selectedRules.push(...selectedChildRules);
-            // Transform rules into RulesetNode for consumers of the or-rule-tree
-            const selectedRuleNodes = selectedRules.map(ruleset => ({ ruleset: ruleset, selected: true }));
-            // If only groups are selected without any rules, prompt "delete groups" dialog.
-            if (selectedRuleNodes.length === 0 && groupNodes.length > 0) {
-                showOkCancelDialog(i18next.t("deleteRulesetGroups"), i18next.t("deleteRulesetGroupsConfirm", { groupNames: groupNames }), i18next.t("delete"))
-                    .then((ok) => {
-                    if (ok) {
-                        this.deselectAllNodes();
-                        this.nodes = this.nodes.filter(n => !groupNames.includes(n.label));
-                    }
-                });
-                return;
-            }
-            // Request deletion of rulesets, and prompt dialog.
-            Util.dispatchCancellableEvent(this, new OrRulesRequestDeleteEvent(selectedRuleNodes))
-                .then((detail) => {
-                if (detail.allow) {
-                    const names = selectedRules.map(r => r.name);
-                    showOkCancelDialog(i18next.t("deleteRulesets"), i18next.t("deleteRulesetsConfirm", { ruleNames: names }), i18next.t("delete"))
-                        .then((ok) => {
-                        if (ok) {
-                            this.deselectAllNodes();
-                            this._deleteRulesets(selectedRules)
-                                .catch(e => console.error(e))
-                                .finally(() => {
-                                this.nodes = this.nodes.filter(n => !groupNames.includes(n.label));
-                                this.refresh();
-                            });
-                        }
-                    });
-                }
-            });
-        }
-    }
-    /**
-     * Utility function that returns a promise for deleting a list of rulesets, based on their type.
-     * @param rulesets - List of rulesets to delete.
-     */
-    _deleteRulesets(rulesets) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const promises = [];
-            rulesets.forEach(ruleset => {
-                switch (ruleset.type) {
-                    case "asset":
-                        promises.push(manager.rest.api.RulesResource.deleteAssetRuleset(ruleset.id));
-                        break;
-                    case "realm":
-                        promises.push(manager.rest.api.RulesResource.deleteRealmRuleset(ruleset.id));
-                        break;
-                    case "global":
-                        promises.push(manager.rest.api.RulesResource.deleteGlobalRuleset(ruleset.id));
-                        break;
-                }
-            });
-            return Promise.all(promises);
-        });
-    }
-    /**
-     * Public function that allows consumers to select a ruleset in the tree.
-     * It finds the tree node in the UI, and selects it.
-     * @param ruleset - ruleset in the tree to be selected
-     * @param silent - skips the modal of 'discard changes' and does not dispatch an event
-     */
-    selectRuleset(ruleset, silent = false) {
-        const rulesetNode = this.nodes.find(n => n.ruleset === ruleset);
-        if (rulesetNode) {
-            const uiNode = this._getUiNodeFromTree(rulesetNode);
-            if (uiNode)
-                this._selectNode(uiNode, !silent);
-        }
-        else {
-            console.warn("Could not select ruleset; it was not found.");
-        }
-    }
-    _dispatchSelectEvent(nodes) {
-        const lastSelected = this._lastSelectedNode ? this._getTreeNodeFromTree(this._lastSelectedNode) : undefined;
-        // Only select if ONE is selected
-        const newSelected = (!nodes || nodes.length > 1) ? undefined : nodes[0];
-        const isGroupNode = (node) => !!(node === null || node === void 0 ? void 0 : node.children);
-        const oldNodes = lastSelected ? isGroupNode(lastSelected) ? [{ type: "group", groupId: lastSelected.id }] : [{ type: "rule", ruleset: lastSelected.ruleset, selected: false }] : [];
-        const newNodes = newSelected ? isGroupNode(newSelected) ? [{ type: "group", groupId: newSelected.id }] : [{ type: "rule", ruleset: newSelected.ruleset, selected: true }] : [];
-        // Ask for consumers if selection is allowed. If event.preventDefault() is called, we cancel the selection
-        const success = this.dispatchEvent(new OrRulesRequestSelectionEvent({ oldNodes: oldNodes, newNodes: newNodes }));
-        if (!success)
-            return false;
-        // If succeeded, actually sent the "select" event.
-        this.dispatchEvent(new OrRulesSelectionEvent({ oldNodes: oldNodes, newNodes: newNodes }));
-        // and update the selected types in cache
-        const selectedTypes = new Set();
-        if (nodes === null || nodes === void 0 ? void 0 : nodes.find(n => isGroupNode(n)))
-            selectedTypes.add('group');
-        if (nodes === null || nodes === void 0 ? void 0 : nodes.find(n => !isGroupNode(n)))
-            selectedTypes.add('ruleset');
-        this._selectedTypes = selectedTypes;
-        return super._dispatchSelectEvent(nodes);
-    }
-    deselectAllNodes() {
-        super.deselectAllNodes();
-        this._selectedTypes = new Set();
-    }
-    /**
-     * Gets the list of {@link RuleTreeNode[]} (tree nodes) based on a list of rulesets.
-     * It maps the ruleset to the correct tree node format. For example, when a groupId is set in the Ruleset meta,
-     * we group them together as children of a new group node.
-     * @param rules - List of rulesets
-     */
-    _getRuleNodes(rules) {
-        const groupList = new Set(rules.map(r => { var _a; return (_a = r.meta) === null || _a === void 0 ? void 0 : _a.groupId; }).filter(x => x));
-        const groupedNodes = Array.from(groupList).map(group => ({
-            id: group,
-            label: group,
-            children: rules.filter(r => { var _a; return ((_a = r.meta) === null || _a === void 0 ? void 0 : _a.groupId) === group; }).map(rule => {
-                var _a;
-                return ({
-                    id: (_a = rule.id) === null || _a === void 0 ? void 0 : _a.toString(),
-                    ruleset: rule,
-                    label: rule.name
-                });
-            })
-        }));
-        const ungroupedRules = rules.filter(r => { var _a; return !((_a = r.meta) === null || _a === void 0 ? void 0 : _a.groupId); });
-        const ungroupedNodes = ungroupedRules.map(rule => {
-            var _a;
-            return ({
-                id: (_a = rule.id) === null || _a === void 0 ? void 0 : _a.toString(),
-                ruleset: rule,
-                label: rule.name
-            });
-        });
-        return [...ungroupedNodes, ...groupedNodes];
-    }
-    /**
-     * Utility function that returns a promise for loading the rulesets, based on the {@link global} and {@link realm} parameters
-     * @param global - Whether only global rulesets should be loaded instead.
-     * @param realm - Name of the realm to load (if global is `false` or `undefined`)
-     */
-    _loadRulesets() {
-        return __awaiter(this, arguments, void 0, function* (global = false, realm = manager.displayRealm) {
-            if (global) {
-                const promise = manager.rest.api.RulesResource.getGlobalRulesets({ fullyPopulate: true });
-                return (yield promise).data;
-            }
-            else {
-                const promise = manager.rest.api.RulesResource.getRealmRulesets(realm, { fullyPopulate: true });
-                return (yield promise).data;
-            }
-        });
-    }
-    /**
-     * Refreshes the tree content, and re-fetches the list of rules.
-     */
-    refresh() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._cachedEmptyGroupNodes = this.nodes.filter(n => !!n.children && n.children.length === 0);
-            yield this.getUpdateComplete();
-            const promise = this._loadRulesets(this.global);
-            promise.then(rulesets => {
-                this.rules = rulesets;
-            });
-            return promise;
-        });
-    }
-    /**
-     * Generates a HTML {@link TemplateResult} for the "add" button in the controls menu.
-     */
-    _getAddActionTemplate() {
-        const menuOptions = (this._getAllowedLanguages() || []).map(l => ({ value: l, text: i18next.t("rulesLanguages." + l) }));
-        menuOptions.push(null);
-        menuOptions.push({ value: "group", text: i18next.t("group") });
-        const onValueChange = (value) => {
-            value === "group" ? this._onGroupAddClick() : this._onRulesetAddClick(value);
-        };
-        return getContentWithMenuTemplate(html `
-                <or-mwc-input type=${InputType.BUTTON} icon="plus" title="${i18next.t("addRule")}"></or-mwc-input>`, menuOptions, undefined, value => onValueChange(String(value)));
-    }
-    /**
-     * HTML callback function for clicking a ruleset language in the "add rule" menu.
-     * @param lang - The language to be used for adding a rule.
-     * @param global - Whether to create a global ruleset or not.
-     */
-    _onRulesetAddClick(lang, global = this.global) {
-        const type = global ? "global" : "realm";
-        const realm = manager.isSuperUser() ? manager.displayRealm : manager.config.realm;
-        const ruleset = {
-            type: type,
-            name: OrRules.DEFAULT_RULESET_NAME,
-            lang: lang,
-            realm: realm,
-            rules: undefined
-        };
-        const selectedNodes = this._findSelectedTreeNodes();
-        if (selectedNodes.length === 1 && selectedNodes[0].children) {
-            const selectedGroupNode = selectedNodes[0];
-            const groupId = selectedGroupNode.id;
-            if (groupId) {
-                ruleset.meta = Object.assign(Object.assign({}, (ruleset.meta || {})), { groupId: groupId });
-            }
-        }
-        if (this.config && this.config.rulesetAddHandler && !this.config.rulesetAddHandler(ruleset)) {
-            return;
-        }
-        if (this.config && this.config.rulesetTemplates && this.config.rulesetTemplates[lang]) {
-            ruleset.rules = this.config.rulesetTemplates[lang];
-        }
-        else {
-            ruleset.rules = RuleViewInfoMap[lang].viewRulesetTemplate;
-        }
-        // Ensure config hasn't messed with certain values
-        if (type === "realm") {
-            ruleset.realm = realm;
-        }
-        const detail = {
-            ruleset: ruleset,
-            isCopy: false
-        };
-        Util.dispatchCancellableEvent(this, new OrRulesRequestAddEvent(detail))
-            .then((detail) => {
-            if (detail.allow) {
-                this.dispatchEvent(new OrRulesAddEvent(detail.detail));
-            }
-        });
-    }
-    /**
-     * HTML callback function for clicking "add group" in the controls menu.
-     */
-    _onGroupAddClick() {
-        this.deselectAllNodes();
-        const groupName = i18next.t('ruleGroupNameDefault') || "Group name";
-        this.dispatchEvent(new OrRulesRequestGroupEvent(groupName));
-    }
-    _getSortFunction(sortBy) {
-        const sorting = sortBy;
-        switch (sorting) {
-            case RuleTreeSorting.LANGUAGE: {
-                return Util.sortByString(node => { var _a; return ((_a = node.ruleset) === null || _a === void 0 ? void 0 : _a.lang) || node.label; });
-            }
-            case RuleTreeSorting.CREATED_ON: {
-                return Util.sortByNumber(node => { var _a; return ((_a = node.ruleset) === null || _a === void 0 ? void 0 : _a.createdOn) || 0; });
-            }
-            case RuleTreeSorting.STATUS: {
-                return Util.sortByString(node => { var _a; return ((_a = node.ruleset) === null || _a === void 0 ? void 0 : _a.status) || node.label; });
-            }
-            default: {
-                return super._getSortFunction(sortBy);
-            }
-        }
-    }
-    /**
-     * Utility function for getting the list of allowed languages based on {@link config} and {@link global} parameters.
-     * @param config - Rules configuration to use
-     * @param global - Whether only to include global rulesets
-     */
-    _getAllowedLanguages(config = this.config, global = this.global) {
-        var _a;
-        const languages = ((_a = config === null || config === void 0 ? void 0 : config.controls) === null || _a === void 0 ? void 0 : _a.allowedLanguages) ? [...config.controls.allowedLanguages] : OrRuleTree_1.DEFAULT_ALLOWED_LANGUAGES;
-        const groovyIndex = languages.indexOf("GROOVY" /* RulesetLang.GROOVY */);
-        const flowIndex = languages.indexOf("FLOW" /* RulesetLang.FLOW */);
-        if (!manager.isSuperUser()) {
-            if (groovyIndex > 0)
-                languages.splice(groovyIndex, 1);
-        }
-        else if (groovyIndex < 0) {
-            languages.push("GROOVY" /* RulesetLang.GROOVY */);
-        }
-        if (global) {
-            if (flowIndex > 0)
-                languages.splice(flowIndex, 1);
-        }
-        return languages;
-    }
-    /**
-     * Utility function that gets a Material Design icon based on the ruleset language
-     * @param lang - The ruleset language to get an icon of.
-     */
-    _getRulesetLangIcon(lang) {
-        switch (lang) {
-            case ("JSON" /* RulesetLang.JSON */):
-                return "ray-start-arrow";
-            case ("FLOW" /* RulesetLang.FLOW */):
-                return "transit-connection-variant";
-            case ("GROOVY" /* RulesetLang.GROOVY */):
-                return "alpha-g-box-outline";
-            case ("JAVASCRIPT" /* RulesetLang.JAVASCRIPT */):
-                return "language-javascript";
-            default:
-                return "mdi-state-machine";
-        }
-    }
-    /**
-     * Utility function that gets a Material Design icon based on the ruleset status
-     * @param status - The ruleset status to get an icon of.
-     */
-    _getRulesetStatusIcon(status) {
-        switch (status) {
-            case "DEPLOYED" /* RulesetStatus.DEPLOYED */:
-                return;
-            case "READY" /* RulesetStatus.READY */:
-                return "check";
-            case "COMPILATION_ERROR" /* RulesetStatus.COMPILATION_ERROR */:
-            case "LOOP_ERROR" /* RulesetStatus.LOOP_ERROR */:
-            case "EXECUTION_ERROR" /* RulesetStatus.EXECUTION_ERROR */:
-                return "alert-octagon";
-            case "DISABLED" /* RulesetStatus.DISABLED */:
-                return "minus-circle";
-            case "PAUSED" /* RulesetStatus.PAUSED */:
-                return "calendar-arrow-right";
-            case "EXPIRED" /* RulesetStatus.EXPIRED */:
-                return "calendar-remove";
-            case "REMOVED" /* RulesetStatus.REMOVED */:
-                return "close";
-            default:
-                return "stop";
-        }
-    }
-    /**
-     * Utility function that returns a CSS class for the icon element, based on the ruleset status
-     * @param status - The ruleset status to get a CSS class of.
-     */
-    _getRulesetStatusColorClass(status) {
-        switch (status) {
-            case "DEPLOYED" /* RulesetStatus.DEPLOYED */:
-            case "READY" /* RulesetStatus.READY */:
-                return "iconfill-gray";
-            case "COMPILATION_ERROR" /* RulesetStatus.COMPILATION_ERROR */:
-            case "LOOP_ERROR" /* RulesetStatus.LOOP_ERROR */:
-            case "EXECUTION_ERROR" /* RulesetStatus.EXECUTION_ERROR */:
-                return "iconfill-red";
-            case "DISABLED" /* RulesetStatus.DISABLED */:
-            case "PAUSED" /* RulesetStatus.PAUSED */:
-            case "EXPIRED" /* RulesetStatus.EXPIRED */:
-            case "REMOVED" /* RulesetStatus.REMOVED */:
-                return "iconfill-gray";
-            default:
-                return "iconfill-gray";
-        }
-    }
-};
-OrRuleTree.DEFAULT_ALLOWED_LANGUAGES = ["JSON" /* RulesetLang.JSON */, "GROOVY" /* RulesetLang.GROOVY */, "JAVASCRIPT" /* RulesetLang.JAVASCRIPT */, "FLOW" /* RulesetLang.FLOW */];
-__decorate([
-    property({ type: Array })
-], OrRuleTree.prototype, "rules", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleTree.prototype, "config", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrRuleTree.prototype, "global", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrRuleTree.prototype, "readonly", void 0);
-__decorate([
-    state()
-], OrRuleTree.prototype, "_loadingPromises", void 0);
-__decorate([
-    state()
-], OrRuleTree.prototype, "_selectedTypes", void 0);
-OrRuleTree = OrRuleTree_1 = __decorate([
-    customElement("or-rule-tree")
-], OrRuleTree);
-export { OrRuleTree };
-//# sourceMappingURL=or-rule-tree.js.map
+var OrRuleTree_1,__decorate=this&&this.__decorate||function(e,t,r,l){var s,i=arguments.length,o=i<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,r):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,l);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(i<3?s(o):i>3?s(t,r,o):s(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o},__awaiter=this&&this.__awaiter||function(e,t,r,l){return new(r||(r=Promise))(function(s,i){function o(e){try{a(l.next(e))}catch(e){i(e)}}function n(e){try{a(l.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?s(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(o,n)}a((l=l.apply(e,t||[])).next())})};import{OrTreeMenu as e,TreeMenuSelection as t}from"@openremote/or-tree-menu";import{customElement as r,property as l,state as s}from"lit/decorators.js";import{css as i,html as o}from"lit";import n,{Util as a}from"@openremote/core";import{i18next as u}from"@openremote/or-translate";import{getContentWithMenuTemplate as d}from"@openremote/or-mwc-components/or-mwc-menu";import{InputType as c}from"@openremote/or-mwc-components/or-mwc-input";import{showOkCancelDialog as p}from"@openremote/or-mwc-components/or-mwc-dialog";import{OrRules as h,OrRulesAddEvent as g,OrRulesRequestAddEvent as m,OrRulesRequestDeleteEvent as R,OrRulesRequestGroupEvent as f,OrRulesRequestSelectionEvent as _,OrRulesSelectionEvent as v,RuleViewInfoMap as O}from"./index";import{ifDefined as T}from"lit/directives/if-defined.js";import{when as y}from"lit/directives/when.js";let styling=i`
+    .iconfill-gray {
+        --or-icon-fill: var(--internal-or-rules-list-icon-color-ok);
+    }
+
+    .iconfill-red {
+        --or-icon-fill: var(--internal-or-rules-list-icon-color-error);
+    }
+
+    #rules-tree-global-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 15px;
+        min-height: 48px;
+        background: var(--or-app-color3, #4c4c4c);
+        color: var(--or-app-color7, white);
+        --or-icon-fill: var(--or-app-color7, white);
+    }
+`;export var RuleTreeSorting;!function(e){e.NAME="name",e.CREATED_ON="createdOn",e.LANGUAGE="language",e.STATUS="status"}(RuleTreeSorting||(RuleTreeSorting={}));let OrRuleTree=OrRuleTree_1=class extends e{constructor(){super(...arguments),this.global=!1,this.readonly=!1,this.nodes=[],this.draggable=!0,this.selection=t.MULTI,this.sortOptions=[RuleTreeSorting.NAME,RuleTreeSorting.CREATED_ON,RuleTreeSorting.STATUS,RuleTreeSorting.LANGUAGE],this.sortBy=RuleTreeSorting.NAME,this.groupFirst=!0,this.menuTitle="rules",this._loadingPromises=[],this._selectedTypes=new Set,this._cachedEmptyGroupNodes=[]}static get styles(){return[...super.styles,styling]}willUpdate(e){var r,l,s;if(e.has("rules"))if(this.rules){let e=this._getRuleNodes(this.rules),t=new Set(e.map(e=>e.id)),r=this._cachedEmptyGroupNodes.filter(e=>!t.has(e.id));this.nodes=[...e,...r],this._cachedEmptyGroupNodes=r}else this._loadRulesets(this.global).then(e=>this.rules=e);return e.has("nodes")&&(this._cachedEmptyGroupNodes=(null==(r=this.nodes)?void 0:r.filter(e=>!!e.children&&0===e.children.length))||[]),e.has("config")&&this.config&&(null==(l=this.config.controls)?void 0:l.multiSelect)!==void 0&&(this.selection=(null==(s=this.config.controls)?void 0:s.multiSelect)?t.MULTI:t.LEAF),super.willUpdate(e)}firstUpdated(e){this.rules||this._loadRulesets(this.global).then(e=>{this.rules=e})}_getSingleNodeSlotTemplate(e){var t,r,l;return o`
+            <or-icon slot="prefix" icon="${this._getRulesetLangIcon(null==(t=e.ruleset)?void 0:t.lang)}"></or-icon>
+            <span>${e.label}</span>
+            <or-icon slot="suffix" icon=${T(this._getRulesetStatusIcon(null==(r=e.ruleset)?void 0:r.status))}
+                     class=${this._getRulesetStatusColorClass(null==(l=e.ruleset)?void 0:l.status)}
+            ></or-icon>
+        `}_getGroupNodeSlotTemplate(e){var t;let r,l=null==(t=e.children)?void 0:t.map(e=>{var t;return null==(t=e.ruleset)?void 0:t.status}).filter(e=>e);if(null==l?void 0:l.find(e=>["LOOP_ERROR","EXECUTION_ERROR","COMPILATION_ERROR"].includes(e))){let e=["LOOP_ERROR","EXECUTION_ERROR","COMPILATION_ERROR"].map(e=>[e,l.filter(t=>t===e).length]).reduce((e,t)=>t[1]>e[1]?t:e)[0];r=this._getRulesetStatusIcon(e)}return o`
+            <or-icon slot="prefix" icon="folder"></or-icon>
+            <span>${e.label}</span>
+            <or-icon slot="suffix" icon=${T(r)} class="iconfill-red"></or-icon>
+        `}_getHeaderTemplate(){return o`
+            ${y(n.isSuperUser(),()=>o`
+                <div id="rules-tree-global-header">
+                    <or-translate value="realmRules"></or-translate>
+                    <or-mwc-input type=${c.SWITCH} @or-mwc-input-changed=${this._onGlobalSwitch}></or-mwc-input>
+                    <or-translate value="globalRules"></or-translate>
+                </div>
+            `)}
+            <div id="tree-header">
+                <h3 id="tree-header-title">
+                    <or-translate value=${this.menuTitle}></or-translate>
+                </h3>
+                <div id="tree-header-actions">
+                    ${y(1===this._selectedTypes.size&&this._selectedTypes.has("ruleset")&&!this.readonly,()=>o`
+                        ${y(1===this._findSelectedTreeNodes().length,()=>o`
+                            <or-mwc-input type=${c.BUTTON} icon="content-copy" @or-mwc-input-changed=${this._onCopyClicked}></or-mwc-input>
+                        `)}
+                        <or-mwc-input type=${c.BUTTON} icon="delete" @or-mwc-input-changed=${this._onDeleteClicked}></or-mwc-input>
+                    `)}
+                    ${y(1===this._selectedTypes.size&&this._selectedTypes.has("group")&&!this.readonly,()=>o`
+                        <or-mwc-input type=${c.BUTTON} icon="delete" @or-mwc-input-changed=${this._onDeleteClicked}></or-mwc-input>
+                    `)}
+                    ${this._getAddActionTemplate()}
+                    ${this._getSortActionTemplate(this.sortBy,this.sortOptions)}
+                </div>
+            </div>
+        `}_onGlobalSwitch(e){this.global=e.detail.value,this.refresh()}_onCopyClicked(e){let t=this._findSelectedTreeNodes();if(1!==t.length)return;let r=t[0],l=JSON.parse(JSON.stringify(r.ruleset));delete l.lastModified,delete l.createdOn,delete l.status,delete l.error,delete l.id,l.name=l.name+" copy",(!this.config||!this.config.rulesetCopyHandler||this.config.rulesetCopyHandler(l))&&a.dispatchCancellableEvent(this,new m({ruleset:l,sourceRuleset:r.ruleset})).then(e=>{e.allow&&this.dispatchEvent(new g(e.detail))})}_onDeleteClicked(e){let t=this._findSelectedTreeNodes();if(t.length>0){let e=t.map(e=>e.ruleset).filter(e=>e),r=t.filter(e=>e.children),l=r.map(e=>e.label),s=r.flatMap(e=>e.children).flatMap(e=>e.ruleset?[e.ruleset]:[]);e.push(...s);let i=e.map(e=>({ruleset:e,selected:!0}));if(0===i.length&&r.length>0)return void p(u.t("deleteRulesetGroups"),u.t("deleteRulesetGroupsConfirm",{groupNames:l}),u.t("delete")).then(e=>{e&&(this.deselectAllNodes(),this.nodes=this.nodes.filter(e=>!l.includes(e.label)))});a.dispatchCancellableEvent(this,new R(i)).then(t=>{if(t.allow){let t=e.map(e=>e.name);p(u.t("deleteRulesets"),u.t("deleteRulesetsConfirm",{ruleNames:t}),u.t("delete")).then(t=>{t&&(this.deselectAllNodes(),this._deleteRulesets(e).catch(e=>console.error(e)).finally(()=>{this.nodes=this.nodes.filter(e=>!l.includes(e.label)),this.refresh()}))})}})}}_deleteRulesets(e){return __awaiter(this,void 0,void 0,function*(){let t=[];return e.forEach(e=>{switch(e.type){case"asset":t.push(n.rest.api.RulesResource.deleteAssetRuleset(e.id));break;case"realm":t.push(n.rest.api.RulesResource.deleteRealmRuleset(e.id));break;case"global":t.push(n.rest.api.RulesResource.deleteGlobalRuleset(e.id))}}),Promise.all(t)})}selectRuleset(e,t=!1){let r=this.nodes.find(t=>t.ruleset===e);if(r){let e=this._getUiNodeFromTree(r);e&&this._selectNode(e,!t)}else console.warn("Could not select ruleset; it was not found.")}_dispatchSelectEvent(e){let t=this._lastSelectedNode?this._getTreeNodeFromTree(this._lastSelectedNode):void 0,r=!e||e.length>1?void 0:e[0],l=e=>!!(null==e?void 0:e.children),s=t?l(t)?[{type:"group",groupId:t.id}]:[{type:"rule",ruleset:t.ruleset,selected:!1}]:[],i=r?l(r)?[{type:"group",groupId:r.id}]:[{type:"rule",ruleset:r.ruleset,selected:!0}]:[];if(!this.dispatchEvent(new _({oldNodes:s,newNodes:i})))return!1;this.dispatchEvent(new v({oldNodes:s,newNodes:i}));let o=new Set;return(null==e?void 0:e.find(e=>l(e)))&&o.add("group"),(null==e?void 0:e.find(e=>!l(e)))&&o.add("ruleset"),this._selectedTypes=o,super._dispatchSelectEvent(e)}deselectAllNodes(){super.deselectAllNodes(),this._selectedTypes=new Set}_getRuleNodes(e){let t=Array.from(new Set(e.map(e=>{var t;return null==(t=e.meta)?void 0:t.groupId}).filter(e=>e))).map(t=>({id:t,label:t,children:e.filter(e=>{var r;return(null==(r=e.meta)?void 0:r.groupId)===t}).map(e=>{var t;return{id:null==(t=e.id)?void 0:t.toString(),ruleset:e,label:e.name}})}));return[...e.filter(e=>{var t;return!(null==(t=e.meta)?void 0:t.groupId)}).map(e=>{var t;return{id:null==(t=e.id)?void 0:t.toString(),ruleset:e,label:e.name}}),...t]}_loadRulesets(){return __awaiter(this,arguments,void 0,function*(e=!1,t=n.displayRealm){if(e){let e=n.rest.api.RulesResource.getGlobalRulesets({fullyPopulate:!0});return(yield e).data}{let e=n.rest.api.RulesResource.getRealmRulesets(t,{fullyPopulate:!0});return(yield e).data}})}refresh(){return __awaiter(this,void 0,void 0,function*(){this._cachedEmptyGroupNodes=this.nodes.filter(e=>!!e.children&&0===e.children.length),yield this.getUpdateComplete();let e=this._loadRulesets(this.global);return e.then(e=>{this.rules=e}),e})}_getAddActionTemplate(){let e=(this._getAllowedLanguages()||[]).map(e=>({value:e,text:u.t("rulesLanguages."+e)}));return e.push(null),e.push({value:"group",text:u.t("group")}),d(o`
+                <or-mwc-input type=${c.BUTTON} icon="plus" title="${u.t("addRule")}"></or-mwc-input>`,e,void 0,e=>{var t;"group"===(t=String(e))?this._onGroupAddClick():this._onRulesetAddClick(t)})}_onRulesetAddClick(e,t=this.global){let r=t?"global":"realm",l=n.isSuperUser()?n.displayRealm:n.config.realm,s={type:r,name:h.DEFAULT_RULESET_NAME,lang:e,realm:l,rules:void 0},i=this._findSelectedTreeNodes();if(1===i.length&&i[0].children){let e=i[0].id;e&&(s.meta=Object.assign(Object.assign({},s.meta||{}),{groupId:e}))}(!this.config||!this.config.rulesetAddHandler||this.config.rulesetAddHandler(s))&&(this.config&&this.config.rulesetTemplates&&this.config.rulesetTemplates[e]?s.rules=this.config.rulesetTemplates[e]:s.rules=O[e].viewRulesetTemplate,"realm"===r&&(s.realm=l),a.dispatchCancellableEvent(this,new m({ruleset:s,isCopy:!1})).then(e=>{e.allow&&this.dispatchEvent(new g(e.detail))}))}_onGroupAddClick(){this.deselectAllNodes();let e=u.t("ruleGroupNameDefault")||"Group name";this.dispatchEvent(new f(e))}_getSortFunction(e){switch(e){case RuleTreeSorting.LANGUAGE:return a.sortByString(e=>{var t;return(null==(t=e.ruleset)?void 0:t.lang)||e.label});case RuleTreeSorting.CREATED_ON:return a.sortByNumber(e=>{var t;return(null==(t=e.ruleset)?void 0:t.createdOn)||0});case RuleTreeSorting.STATUS:return a.sortByString(e=>{var t;return(null==(t=e.ruleset)?void 0:t.status)||e.label});default:return super._getSortFunction(e)}}_getAllowedLanguages(e=this.config,t=this.global){var r;let l=(null==(r=null==e?void 0:e.controls)?void 0:r.allowedLanguages)?[...e.controls.allowedLanguages]:OrRuleTree_1.DEFAULT_ALLOWED_LANGUAGES,s=l.indexOf("GROOVY"),i=l.indexOf("FLOW");return n.isSuperUser()?s<0&&l.push("GROOVY"):s>0&&l.splice(s,1),t&&i>0&&l.splice(i,1),l}_getRulesetLangIcon(e){switch(e){case"JSON":return"ray-start-arrow";case"FLOW":return"transit-connection-variant";case"GROOVY":return"alpha-g-box-outline";case"JAVASCRIPT":return"language-javascript";default:return"mdi-state-machine"}}_getRulesetStatusIcon(e){switch(e){case"DEPLOYED":return;case"READY":return"check";case"COMPILATION_ERROR":case"LOOP_ERROR":case"EXECUTION_ERROR":return"alert-octagon";case"DISABLED":return"minus-circle";case"PAUSED":return"calendar-arrow-right";case"EXPIRED":return"calendar-remove";case"REMOVED":return"close";default:return"stop"}}_getRulesetStatusColorClass(e){switch(e){case"DEPLOYED":case"READY":case"DISABLED":case"PAUSED":case"EXPIRED":case"REMOVED":default:return"iconfill-gray";case"COMPILATION_ERROR":case"LOOP_ERROR":case"EXECUTION_ERROR":return"iconfill-red"}}};OrRuleTree.DEFAULT_ALLOWED_LANGUAGES=["JSON","GROOVY","JAVASCRIPT","FLOW"],__decorate([l({type:Array})],OrRuleTree.prototype,"rules",void 0),__decorate([l({type:Object})],OrRuleTree.prototype,"config",void 0),__decorate([l({type:Boolean})],OrRuleTree.prototype,"global",void 0),__decorate([l({type:Boolean})],OrRuleTree.prototype,"readonly",void 0),__decorate([s()],OrRuleTree.prototype,"_loadingPromises",void 0),__decorate([s()],OrRuleTree.prototype,"_selectedTypes",void 0),OrRuleTree=OrRuleTree_1=__decorate([r("or-rule-tree")],OrRuleTree);export{OrRuleTree};