@openremote/or-tree-menu 1.8.0-snapshot.20250725120002 → 1.8.0-snapshot.20250728102340

package/lib/model.js

@@ -1,76 +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/>.
- */
-/**
- * List of possible options for tree menu selection.
- * The order within the enum is based on restrictiveness.
- *
- * - **LEAF** - only allows a single node to be selected, and forbids the selection of any parent node.
- * - **SINGLE** - only allows a single node to be selected, but does allow the selection of the parent node.
- * - **MULTI** - allows selecting multiple nodes using keyboard controls. (control and shift)
- */
-export var TreeMenuSelection;
-(function (TreeMenuSelection) {
-    TreeMenuSelection["LEAF"] = "leaf";
-    TreeMenuSelection["SINGLE"] = "single";
-    TreeMenuSelection["MULTI"] = "multi";
-})(TreeMenuSelection || (TreeMenuSelection = {}));
-/**
- * List of sorting options in the header of the tree menu.
- * By default, we include alphabetically sorting, but can be expanded by class inheritors.
- */
-export var TreeMenuSorting;
-(function (TreeMenuSorting) {
-    TreeMenuSorting["A_TO_Z"] = "a_to_z";
-    TreeMenuSorting["Z_TO_A"] = "z_to_a";
-})(TreeMenuSorting || (TreeMenuSorting = {}));
-/**
- * Model for the SELECT event that {@link OrTreeMenu} can dispatch.
- * Once a node is selected, a list of all the selected nodes will be shared with the consumer elements.
- */
-export class OrTreeSelectEvent extends CustomEvent {
-    constructor(nodes) {
-        super(OrTreeSelectEvent.NAME, {
-            bubbles: true,
-            composed: true,
-            detail: nodes
-        });
-    }
-}
-OrTreeSelectEvent.NAME = "or-tree-select";
-/**
- * Model for the DRAG event that {@link OrTreeMenu} can dispatch.
- * Once a node is dragged into (or outside) a group, we send details to consumer elements.
- */
-export class OrTreeDragEvent extends CustomEvent {
-    constructor(nodes, groupNode, newNodes = []) {
-        super(OrTreeDragEvent.NAME, {
-            bubbles: true,
-            composed: true,
-            cancelable: true,
-            detail: {
-                nodes: nodes,
-                groupNode: groupNode,
-                newNodes: newNodes
-            }
-        });
-    }
-}
-OrTreeDragEvent.NAME = "or-tree-drag";
-//# sourceMappingURL=model.js.map
+export var TreeMenuSelection;!function(e){e.LEAF="leaf",e.SINGLE="single",e.MULTI="multi"}(TreeMenuSelection||(TreeMenuSelection={}));export var TreeMenuSorting;!function(e){e.A_TO_Z="a_to_z",e.Z_TO_A="z_to_a"}(TreeMenuSorting||(TreeMenuSorting={}));export class OrTreeSelectEvent extends CustomEvent{constructor(e){super(OrTreeSelectEvent.NAME,{bubbles:!0,composed:!0,detail:e})}}OrTreeSelectEvent.NAME="or-tree-select";export class OrTreeDragEvent extends CustomEvent{constructor(e,r,t=[]){super(OrTreeDragEvent.NAME,{bubbles:!0,composed:!0,cancelable:!0,detail:{nodes:e,groupNode:r,newNodes:t}})}}OrTreeDragEvent.NAME="or-tree-drag";

package/lib/or-tree-group.js

@@ -1,226 +1,49 @@
-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;
-};
-/*
- * 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 { css, html, LitElement } from "lit";
-import { customElement, property, queryAssignedElements } from "lit/decorators.js";
-import { when } from "lit/directives/when.js";
-const getStyles = () => css `
-    * {
-        box-sizing: border-box;
-    }
-    
-    :host {
-        position: relative;
-    }
-
-    ol {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
-    
-    ::slotted(*[slot="parent"]) {
-        cursor: pointer;
-    }
-    
-    #chevron {
-        position: absolute;
-        height: 44px;
-        display: flex;
-        align-items: center;
-        aspect-ratio: 1/1.25;
-        padding-left: 4px;
-        font-size: 18px;
-        color: #cccccc;
-        z-index: 10;
-    }
-    
-    #chevron:hover {
-        color: unset;
-    }
-
-    :host(:not([readonly])) > #chevron {
-        cursor: pointer;
-    }
-`;
-/**
- * @slot - Default slot for child nodes within the group
- * @slot parent - Slot for inserting a parent node
- * @csspart chevron - The chevron icon element for expanding/collapsing the group.
- */
-let OrTreeGroup = class OrTreeGroup extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Determines the visibility of child nodes.
-         * Setting this to `false` hides them, and acts as a 'collapsed' state.
-         */
-        this.expanded = false;
-        /**
-         * Only allows child nodes to be selected, making the expander (parent node) readonly.
-         * If this is set to false, only the chevron icon can be used to collapse/expand the list.
-         */
-        this.leaf = false;
-        /**
-         * Makes the group readonly
-         */
-        this.readonly = false;
-        /** A click event listener on the component, used for selecting, expanding, and collapsing the group */
-        this._slotClickListener = (e) => this.leaf ? this._onExpandToggle(e) : null;
-        /** A click event listener on the chevron, used for expanding/collapsing the group */
-        this._chevronClickListener = (e) => this._onExpandToggle(e);
-    }
-    static get styles() {
-        return [getStyles()];
-    }
-    /** Selects the group (parent) node. */
-    select() {
-        const groupNode = this.getGroupNode();
-        if (!this.leaf && groupNode) {
-            groupNode.selected = true;
-        }
-    }
-    /** Selects the group node itself, and all children nodes within that group. */
-    selectAll() {
-        this.select();
-        this.getChildNodes().forEach(node => node.selected = true);
-    }
-    /** Deselects the group (parent) node. */
-    deselect() {
-        const groupNode = this.getGroupNode();
-        if (groupNode) {
-            groupNode.selected = false;
-        }
-    }
-    /** Deselects the group node itself, and all children nodes within that group. */
-    deselectAll() {
-        this.deselect();
-        this.getChildNodes().forEach(node => node.selected = false);
-    }
-    /** Returns the group (parent) node ({@link OrTreeNode}) using a query selector. */
-    getGroupNode() {
-        var _a;
-        return (_a = this._parentNodes) === null || _a === void 0 ? void 0 : _a[0];
-    }
-    /** Returns a list of all children nodes ({@link OrTreeNode}) within the group, using a query selector. */
-    getChildNodes() {
-        return Array.from(this._childNodes || [])
-            .map(n => n.querySelector('or-tree-node'))
-            .filter(n => n != null);
-    }
-    firstUpdated(changedProps) {
-        var _a;
-        (_a = this._parentNodes) === null || _a === void 0 ? void 0 : _a.forEach(elem => {
-            elem.addEventListener("click", this._slotClickListener);
-        });
-        return super.firstUpdated(changedProps);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this._parentNodes) === null || _a === void 0 ? void 0 : _a.forEach(elem => {
-            elem.removeEventListener("click", this._slotClickListener);
-        });
-        super.disconnectedCallback();
-    }
-    render() {
-        return html `
-            ${when(!this.readonly, () => this._getIconTemplate(this.expanded))}
-            <slot name="parent"></slot>
-            <ol ?hidden=${!this.expanded}>
-                <slot @slotchange=${this._onSlotChange}></slot>
-            </ol>
-        `;
-    }
-    /**
-     * Returns an HTML template that represents the icon for this group.
-     * @param expanded State of the group
-     */
-    _getIconTemplate(expanded = false) {
-        return html `
-            <or-icon id="chevron" part="chevron" icon="${expanded ? "chevron-down" : "chevron-right"}"
-                     @click="${this._chevronClickListener}"
-            ></or-icon>
-        `;
-    }
-    /**
-     * Function that expands/collapses the group, changing the visibility of the child nodes.
-     */
-    _onExpandToggle(_ev) {
-        this.expanded = !this.expanded;
-    }
-    /**
-     * Event listener for 'slotchange' of the default slot.
-     * Normally triggers when <or-tree-node> elements are added or removed.
-     */
-    _onSlotChange(_ev) {
-        this._applyIndentToChildren();
-    }
-    /**
-     * Function that applies CSS to TreeNode based on the group indentation.
-     * It loops through all parent elements, and detects the amount of or-tree-group elements it is in.
-     * The more nested in the tree, the more left handed padding is applied.
-     * @param children Node elements to apply padding to.
-     */
-    _applyIndentToChildren(children = this.getChildNodes()) {
-        const countGroups = (elem) => {
-            let count = 0;
-            while (elem) {
-                if (elem.tagName.toLowerCase() === "or-tree-group") {
-                    count++;
-                }
-                elem = elem.parentElement;
-            }
-            return count;
-        };
-        children.forEach(child => {
-            let groupAmount = countGroups(child);
-            if (child.slot === "parent") {
-                groupAmount--; // Parent slot is the group itself, so remove 1
-            }
-            // Apply indent as padding to the node
-            child.style.setProperty("--or-tree-node-indent", `${24 + (groupAmount * 12)}px`);
-        });
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], OrTreeGroup.prototype, "expanded", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrTreeGroup.prototype, "leaf", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrTreeGroup.prototype, "readonly", void 0);
-__decorate([
-    queryAssignedElements({ slot: undefined })
-], OrTreeGroup.prototype, "_childNodes", void 0);
-__decorate([
-    queryAssignedElements({ slot: "parent" })
-], OrTreeGroup.prototype, "_parentNodes", void 0);
-OrTreeGroup = __decorate([
-    customElement("or-tree-group")
-], OrTreeGroup);
-export { OrTreeGroup };
-//# sourceMappingURL=or-tree-group.js.map
+var __decorate=this&&this.__decorate||function(e,t,o,r){var n,l=arguments.length,s=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(l<3?n(s):l>3?n(t,o,s):n(t,o))||s);return l>3&&s&&Object.defineProperty(t,o,s),s};import{css as e,html as t,LitElement as o}from"lit";import{customElement as r,property as n,queryAssignedElements as l}from"lit/decorators.js";import{when as s}from"lit/directives/when.js";let getStyles=()=>e`
+    * {
+        box-sizing: border-box;
+    }
+    
+    :host {
+        position: relative;
+    }
+
+    ol {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+    
+    ::slotted(*[slot="parent"]) {
+        cursor: pointer;
+    }
+    
+    #chevron {
+        position: absolute;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        aspect-ratio: 1/1.25;
+        padding-left: 4px;
+        font-size: 18px;
+        color: #cccccc;
+        z-index: 10;
+    }
+    
+    #chevron:hover {
+        color: unset;
+    }
+
+    :host(:not([readonly])) > #chevron {
+        cursor: pointer;
+    }
+`,OrTreeGroup=class extends o{constructor(){super(...arguments),this.expanded=!1,this.leaf=!1,this.readonly=!1,this._slotClickListener=e=>this.leaf?this._onExpandToggle(e):null,this._chevronClickListener=e=>this._onExpandToggle(e)}static get styles(){return[getStyles()]}select(){let e=this.getGroupNode();!this.leaf&&e&&(e.selected=!0)}selectAll(){this.select(),this.getChildNodes().forEach(e=>e.selected=!0)}deselect(){let e=this.getGroupNode();e&&(e.selected=!1)}deselectAll(){this.deselect(),this.getChildNodes().forEach(e=>e.selected=!1)}getGroupNode(){var e;return null==(e=this._parentNodes)?void 0:e[0]}getChildNodes(){return Array.from(this._childNodes||[]).map(e=>e.querySelector("or-tree-node")).filter(e=>null!=e)}firstUpdated(e){var t;return null==(t=this._parentNodes)||t.forEach(e=>{e.addEventListener("click",this._slotClickListener)}),super.firstUpdated(e)}disconnectedCallback(){var e;null==(e=this._parentNodes)||e.forEach(e=>{e.removeEventListener("click",this._slotClickListener)}),super.disconnectedCallback()}render(){return t`
+            ${s(!this.readonly,()=>this._getIconTemplate(this.expanded))}
+            <slot name="parent"></slot>
+            <ol ?hidden=${!this.expanded}>
+                <slot @slotchange=${this._onSlotChange}></slot>
+            </ol>
+        `}_getIconTemplate(e=!1){return t`
+            <or-icon id="chevron" part="chevron" icon="${e?"chevron-down":"chevron-right"}"
+                     @click="${this._chevronClickListener}"
+            ></or-icon>
+        `}_onExpandToggle(e){this.expanded=!this.expanded}_onSlotChange(e){this._applyIndentToChildren()}_applyIndentToChildren(e=this.getChildNodes()){e.forEach(e=>{let t=(e=>{let t=0;for(;e;)"or-tree-group"===e.tagName.toLowerCase()&&t++,e=e.parentElement;return t})(e);"parent"===e.slot&&t--,e.style.setProperty("--or-tree-node-indent",`${24+12*t}px`)})}};__decorate([n({type:Boolean,reflect:!0})],OrTreeGroup.prototype,"expanded",void 0),__decorate([n({type:Boolean})],OrTreeGroup.prototype,"leaf",void 0),__decorate([n({type:Boolean})],OrTreeGroup.prototype,"readonly",void 0),__decorate([l({slot:void 0})],OrTreeGroup.prototype,"_childNodes",void 0),__decorate([l({slot:"parent"})],OrTreeGroup.prototype,"_parentNodes",void 0),OrTreeGroup=__decorate([r("or-tree-group")],OrTreeGroup);export{OrTreeGroup};

package/lib/or-tree-node.js

@@ -1,114 +1,43 @@
-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;
-};
-/*
- * 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 { css, html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
-const styles = css `
-    * {
-        box-sizing: border-box;
-    }
-    :host {
-        width: 100%;
-        height: var(--or-tree-node-height, 44px);
-        padding: 6px 12px 6px var(--or-tree-node-indent, 24px);
-        background: var(--or-tree-node-background, transparent);
-        border-left: 4px solid transparent;
-        display: flex;
-        align-items: center;
-        gap: var(--or-tree-node-gap, 8px);
-        overflow: hidden;
-        user-select: none;
-        --or-icon-width: 20px;
-    }
-
-    :host(:not([readonly])) {
-        cursor: pointer;
-    }
-    
-    :host([readonly]) {
-        cursor: not-allowed;
-    }
-
-    :host(:not([readonly]):hover) {
-        background: var(--or-tree-node-backgrond--hovered, #f8f9fa);
-    }
-    
-    :host([selected]) {
-        background: var(--or-tree-node-background--selected, #f1f3f5);
-        border-left: 4px solid var(--or-tree-node-color--selected, var(--or-app-color4, #4d9d2a));
-    }
-
-    ::slotted(*:not([slot])) {
-        flex: 1;
-    }
-`;
-/**
- * @slot prefix - Appends elements to the left hand side of the node, commonly used for icons.
- * @slot - Default slot for the main content, commonly used for text.
- * @slot suffix - Appends elements to the right hand side of the node.
- *
- * @cssprop --or-tree-node-height - Controls the height of the node
- * @cssprop --or-tree-node-indent - Controls the left padding of the node
- *
- * @cssprop --or-tree-node-background - Sets the default background
- * @cssprop --or-tree-node-background--hovered - Sets the background while hovering
- * @cssprop --or-tree-node-background--selected - Sets the background when selected
- *
- * @cssprop --or-tree-node-color--selected - Sets the primary color of the node when selected
- */
-let OrTreeNode = class OrTreeNode extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * HTML attribute that only applies CSS, showing this node cannot be interacted with.
-         */
-        this.readonly = false;
-        /**
-         * HTML attribute that only applies CSS, marking the node as 'selected'.
-         */
-        this.selected = false;
+var __decorate=this&&this.__decorate||function(e,r,o,t){var d,n=arguments.length,l=n<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,o):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,o,t);else for(var s=e.length-1;s>=0;s--)(d=e[s])&&(l=(n<3?d(l):n>3?d(r,o,l):d(r,o))||l);return n>3&&l&&Object.defineProperty(r,o,l),l};import{css as e,html as r,LitElement as o}from"lit";import{customElement as t,property as d}from"lit/decorators.js";let styles=e`
+    * {
+        box-sizing: border-box;
     }
-    static get styles() {
-        return [styles];
+    :host {
+        width: 100%;
+        height: var(--or-tree-node-height, 44px);
+        padding: 6px 12px 6px var(--or-tree-node-indent, 24px);
+        background: var(--or-tree-node-background, transparent);
+        border-left: 4px solid transparent;
+        display: flex;
+        align-items: center;
+        gap: var(--or-tree-node-gap, 8px);
+        overflow: hidden;
+        user-select: none;
+        --or-icon-width: 20px;
     }
-    render() {
-        return html `
-            <slot name="prefix"></slot>
-            <slot></slot>
-            <slot name="suffix"></slot>
-        `;
+
+    :host(:not([readonly])) {
+        cursor: pointer;
     }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], OrTreeNode.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], OrTreeNode.prototype, "selected", void 0);
-OrTreeNode = __decorate([
-    customElement("or-tree-node")
-], OrTreeNode);
-export { OrTreeNode };
-//# sourceMappingURL=or-tree-node.js.map
+    
+    :host([readonly]) {
+        cursor: not-allowed;
+    }
+
+    :host(:not([readonly]):hover) {
+        background: var(--or-tree-node-backgrond--hovered, #f8f9fa);
+    }
+    
+    :host([selected]) {
+        background: var(--or-tree-node-background--selected, #f1f3f5);
+        border-left: 4px solid var(--or-tree-node-color--selected, var(--or-app-color4, #4d9d2a));
+    }
+
+    ::slotted(*:not([slot])) {
+        flex: 1;
+    }
+`,OrTreeNode=class extends o{constructor(){super(...arguments),this.readonly=!1,this.selected=!1}static get styles(){return[styles]}render(){return r`
+            <slot name="prefix"></slot>
+            <slot></slot>
+            <slot name="suffix"></slot>
+        `}};__decorate([d({type:Boolean,reflect:!0})],OrTreeNode.prototype,"readonly",void 0),__decorate([d({type:Boolean,reflect:!0})],OrTreeNode.prototype,"selected",void 0),OrTreeNode=__decorate([t("or-tree-node")],OrTreeNode);export{OrTreeNode};

package/lib/util.js

@@ -1,39 +1 @@
-/**
- * Utility function that moves an array of {@link TreeNode} into another {@link TreeNode}, by adding them to their children.
- * The function takes care of removing the nodes from the former group, and makes sure no duplicates end up in the list.
- *
- * @param nodesToMove - The array of nodes that are moved into a group.
- * @param groupNode - The group node to insert nodesToMove in.
- * @param treeNodes - Full list of nodes in the tree menu.
- */
-export function moveNodesToGroupNode(nodesToMove, groupNode, treeNodes = []) {
-    console.debug(`Moving nodes '${nodesToMove.map(node => node.label).join(', ')}' into group '${groupNode === null || groupNode === void 0 ? void 0 : groupNode.label}'. Tree nodes are`, groupNode);
-    function filterAndAdd(nodes) {
-        return nodes.map(node => {
-            if (nodesToMove.some(nodeToMove => node.id === nodeToMove.id)) {
-                console.debug("Removed the node from original position.");
-                return null; // Removes the node from its original position
-            }
-            const newNode = Object.assign({}, node);
-            // Recursively loop through children
-            if (newNode.children) {
-                newNode.children = filterAndAdd(newNode.children).filter(child => child !== null);
-            }
-            // If the currently looped node is the target group node, add the nodes to its children
-            if (groupNode && node.id === (groupNode === null || groupNode === void 0 ? void 0 : groupNode.id)) {
-                nodesToMove.forEach(nodeToMove => {
-                    newNode.children = newNode.children ? [...newNode.children, nodeToMove] : [nodeToMove];
-                });
-            }
-            return newNode;
-        }).filter(node => node !== null);
-    }
-    // Start the recursive function
-    const newNodes = filterAndAdd(treeNodes);
-    // If no groupNode is provided, add the nodesToMove to the top level
-    if (!groupNode) {
-        newNodes.push(...nodesToMove);
-    }
-    return newNodes;
-}
-//# sourceMappingURL=util.js.map
+export function moveNodesToGroupNode(e,n,o=[]){console.debug(`Moving nodes '${e.map(e=>e.label).join(", ")}' into group '${null==n?void 0:n.label}'. Tree nodes are`,n);let l=function o(l){return l.map(l=>{if(e.some(e=>l.id===e.id))return console.debug("Removed the node from original position."),null;let i=Object.assign({},l);return i.children&&(i.children=o(i.children).filter(e=>null!==e)),n&&l.id===(null==n?void 0:n.id)&&e.forEach(e=>{i.children=i.children?[...i.children,e]:[e]}),i}).filter(e=>null!==e)}(o);return n||l.push(...e),l}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openremote/or-tree-menu",
-  "version": "1.8.0-snapshot.20250725120002",
+  "version": "1.8.0-snapshot.20250728102340",
   "description": "Web Component for displaying a tree menu of items with a predefined hierarchy",
   "customElements": "custom-elements.json",
   "main": "dist/umd/index.bundle.js",
@@ -19,13 +19,13 @@
   "license": "AGPL-3.0-or-later",
   "dependencies": {
     "@mdi/js": "^5.9.55",
-    "@openremote/core": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-mwc-components": "1.8.0-snapshot.20250725120002",
-    "@openremote/or-translate": "1.8.0-snapshot.20250725120002",
+    "@openremote/core": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-mwc-components": "1.8.0-snapshot.20250728102340",
+    "@openremote/or-translate": "1.8.0-snapshot.20250728102340",
     "lit": "^3.2.1"
   },
   "devDependencies": {
-    "@openremote/util": "1.8.0-snapshot.20250725120002"
+    "@openremote/util": "1.8.0-snapshot.20250728102340"
   },
   "publishConfig": {
     "access": "public"

package/rspack.config.js

@@ -1,13 +1,13 @@
-const util = require("@openremote/util");
-
-bundles = {
-  "index": {
-    excludeOr: true
-  },
-  "index.bundle": {
-    excludeOr: true,
-  },
-  "index.orbundle": undefined
-};
-
-module.exports = util.generateExports(__dirname);
+const util = require("@openremote/util");
+
+bundles = {
+  "index": {
+    excludeOr: true
+  },
+  "index.bundle": {
+    excludeOr: true,
+  },
+  "index.orbundle": undefined
+};
+
+module.exports = util.generateExports(__dirname);