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

package/lib/or-rule-tree.js

@@ -1,57 +1,601 @@
-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};
+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