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

package/lib/or-rule-tree.js

@@ -1,57 +1,601 @@
-var OrRuleTree_1,__decorate=this&&this.__decorate||function(e,t,r,l){var s,o=arguments.length,i=o<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,r):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,l);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(i=(o<3?s(i):o>3?s(t,r,i):s(t,r))||i);return o>3&&i&&Object.defineProperty(t,r,i),i},__awaiter=this&&this.__awaiter||function(e,t,r,l){return new(r||(r=Promise))((function(s,o){function i(e){try{a(l.next(e))}catch(e){o(e)}}function n(e){try{a(l.throw(e))}catch(e){o(e)}}function a(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,n)}a((l=l.apply(e,t||[])).next())}))};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(e){e.NAME="name",e.CREATED_ON="createdOn",e.LANGUAGE="language",e.STATUS="status"}(RuleTreeSorting||(RuleTreeSorting={}));let OrRuleTree=OrRuleTree_1=class extends OrTreeMenu{constructor(){super(...arguments),this.global=!1,this.readonly=!1,this.nodes=[],this.draggable=!0,this.selection=TreeMenuSelection.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 t,r,l;if(e.has("rules"))if(this.rules){const 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===(t=this.nodes)||void 0===t?void 0:t.filter((e=>!!e.children&&0===e.children.length)))||[]),e.has("config")&&this.config&&void 0!==(null===(r=this.config.controls)||void 0===r?void 0:r.multiSelect)&&(this.selection=(null===(l=this.config.controls)||void 0===l?void 0:l.multiSelect)?TreeMenuSelection.MULTI:TreeMenuSelection.LEAF),super.willUpdate(e)}firstUpdated(e){this.rules||this._loadRulesets(this.global).then((e=>{this.rules=e}))}_getSingleNodeSlotTemplate(e){var t,r,l;return html`
-            <or-icon slot="prefix" icon="${this._getRulesetLangIcon(null===(t=e.ruleset)||void 0===t?void 0:t.lang)}"></or-icon>
-            <span>${e.label}</span>
-            <or-icon slot="suffix" icon=${ifDefined(this._getRulesetStatusIcon(null===(r=e.ruleset)||void 0===r?void 0:r.status))}
-                     class=${this._getRulesetStatusColorClass(null===(l=e.ruleset)||void 0===l?void 0:l.status)}
-            ></or-icon>
-        `}_getGroupNodeSlotTemplate(e){var t;let r;const l=null===(t=e.children)||void 0===t?void 0:t.map((e=>{var t;return null===(t=e.ruleset)||void 0===t?void 0:t.status})).filter((e=>e));if(null==l?void 0:l.find((e=>["LOOP_ERROR","EXECUTION_ERROR","COMPILATION_ERROR"].includes(e)))){const 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 html`
-            <or-icon slot="prefix" icon="folder"></or-icon>
-            <span>${e.label}</span>
-            <or-icon slot="suffix" icon=${ifDefined(r)} 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(1===this._selectedTypes.size&&this._selectedTypes.has("ruleset")&&!this.readonly,(()=>html`
-                        ${when(1===this._findSelectedTreeNodes().length,(()=>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(1===this._selectedTypes.size&&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>
-        `}_onGlobalSwitch(e){this.global=e.detail.value,this.refresh()}_onCopyClicked(e){const t=this._findSelectedTreeNodes();if(1!==t.length)return;const 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)||Util.dispatchCancellableEvent(this,new OrRulesRequestAddEvent({ruleset:l,sourceRuleset:r.ruleset})).then((e=>{e.allow&&this.dispatchEvent(new OrRulesAddEvent(e.detail))}))}_onDeleteClicked(e){const t=this._findSelectedTreeNodes();if(t.length>0){const 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);const o=e.map((e=>({ruleset:e,selected:!0})));if(0===o.length&&r.length>0)return void showOkCancelDialog(i18next.t("deleteRulesetGroups"),i18next.t("deleteRulesetGroupsConfirm",{groupNames:l}),i18next.t("delete")).then((e=>{e&&(this.deselectAllNodes(),this.nodes=this.nodes.filter((e=>!l.includes(e.label))))}));Util.dispatchCancellableEvent(this,new OrRulesRequestDeleteEvent(o)).then((t=>{if(t.allow){const t=e.map((e=>e.name));showOkCancelDialog(i18next.t("deleteRulesets"),i18next.t("deleteRulesetsConfirm",{ruleNames:t}),i18next.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*(){const t=[];return e.forEach((e=>{switch(e.type){case"asset":t.push(manager.rest.api.RulesResource.deleteAssetRuleset(e.id));break;case"realm":t.push(manager.rest.api.RulesResource.deleteRealmRuleset(e.id));break;case"global":t.push(manager.rest.api.RulesResource.deleteGlobalRuleset(e.id))}})),Promise.all(t)}))}selectRuleset(e,t=!1){const r=this.nodes.find((t=>t.ruleset===e));if(r){const e=this._getUiNodeFromTree(r);e&&this._selectNode(e,!t)}else console.warn("Could not select ruleset; it was not found.")}_dispatchSelectEvent(e){const 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}]:[],o=r?l(r)?[{type:"group",groupId:r.id}]:[{type:"rule",ruleset:r.ruleset,selected:!0}]:[];if(!this.dispatchEvent(new OrRulesRequestSelectionEvent({oldNodes:s,newNodes:o})))return!1;this.dispatchEvent(new OrRulesSelectionEvent({oldNodes:s,newNodes:o}));const i=new Set;return(null==e?void 0:e.find((e=>l(e))))&&i.add("group"),(null==e?void 0:e.find((e=>!l(e))))&&i.add("ruleset"),this._selectedTypes=i,super._dispatchSelectEvent(e)}deselectAllNodes(){super.deselectAllNodes(),this._selectedTypes=new Set}_getRuleNodes(e){const t=new Set(e.map((e=>{var t;return null===(t=e.meta)||void 0===t?void 0:t.groupId})).filter((e=>e))),r=Array.from(t).map((t=>({id:t,label:t,children:e.filter((e=>{var r;return(null===(r=e.meta)||void 0===r?void 0:r.groupId)===t})).map((e=>{var t;return{id:null===(t=e.id)||void 0===t?void 0:t.toString(),ruleset:e,label:e.name}}))})));return[...e.filter((e=>{var t;return!(null===(t=e.meta)||void 0===t?void 0:t.groupId)})).map((e=>{var t;return{id:null===(t=e.id)||void 0===t?void 0:t.toString(),ruleset:e,label:e.name}})),...r]}_loadRulesets(e=!1,t=manager.displayRealm){return __awaiter(this,void 0,void 0,(function*(){if(e){const e=manager.rest.api.RulesResource.getGlobalRulesets({fullyPopulate:!0});return(yield e).data}{const e=manager.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();const e=this._loadRulesets(this.global);return e.then((e=>{this.rules=e})),e}))}_getAddActionTemplate(){const e=(this._getAllowedLanguages()||[]).map((e=>({value:e,text:i18next.t("rulesLanguages."+e)})));e.push(null),e.push({value:"group",text:i18next.t("group")});const t=e=>{"group"===e?this._onGroupAddClick():this._onRulesetAddClick(e)};return getContentWithMenuTemplate(html`
-                <or-mwc-input type=${InputType.BUTTON} icon="plus" title="${i18next.t("addRule")}"></or-mwc-input>`,e,void 0,(e=>t(String(e))))}_onRulesetAddClick(e,t=this.global){const r=t?"global":"realm",l=manager.isSuperUser()?manager.displayRealm:manager.config.realm,s={type:r,name:OrRules.DEFAULT_RULESET_NAME,lang:e,realm:l,rules:void 0},o=this._findSelectedTreeNodes();if(1===o.length&&o[0].children){const e=o[0].id;e&&(s.meta=Object.assign(Object.assign({},s.meta||{}),{groupId:e}))}if(this.config&&this.config.rulesetAddHandler&&!this.config.rulesetAddHandler(s))return;this.config&&this.config.rulesetTemplates&&this.config.rulesetTemplates[e]?s.rules=this.config.rulesetTemplates[e]:s.rules=RuleViewInfoMap[e].viewRulesetTemplate,"realm"===r&&(s.realm=l);const i={ruleset:s,isCopy:!1};Util.dispatchCancellableEvent(this,new OrRulesRequestAddEvent(i)).then((e=>{e.allow&&this.dispatchEvent(new OrRulesAddEvent(e.detail))}))}_onGroupAddClick(){this.deselectAllNodes();const e=i18next.t("ruleGroupNameDefault")||"Group name";this.dispatchEvent(new OrRulesRequestGroupEvent(e))}_getSortFunction(e){switch(e){case RuleTreeSorting.LANGUAGE:return Util.sortByString((e=>{var t;return(null===(t=e.ruleset)||void 0===t?void 0:t.lang)||e.label}));case RuleTreeSorting.CREATED_ON:return Util.sortByNumber((e=>{var t;return(null===(t=e.ruleset)||void 0===t?void 0:t.createdOn)||0}));case RuleTreeSorting.STATUS:return Util.sortByString((e=>{var t;return(null===(t=e.ruleset)||void 0===t?void 0:t.status)||e.label}));default:return super._getSortFunction(e)}}_getAllowedLanguages(e=this.config,t=this.global){var r;const l=(null===(r=null==e?void 0:e.controls)||void 0===r?void 0:r.allowedLanguages)?[...e.controls.allowedLanguages]:OrRuleTree_1.DEFAULT_ALLOWED_LANGUAGES,s=l.indexOf("GROOVY"),o=l.indexOf("FLOW");return manager.isSuperUser()?s<0&&l.push("GROOVY"):s>0&&l.splice(s,1),t&&o>0&&l.splice(o,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([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};
+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