@nuraly/lumenui 0.1.0 → 0.2.2

package/dist/src/components/menu/bundle.js

@@ -1,14 +1,14 @@
-import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property as o,state as r,customElement as s}from"lit/decorators.js";import{NuralyUIBaseMixin as l}from"@nuralyui/common/mixins";import{BaseComponentController as a}from"@nuralyui/common/controllers";const u=[e`
+import{css as e,html as t,nothing as i,LitElement as n}from"lit";import{property as s,state as o,customElement as r}from"lit/decorators.js";const a=[e`
   /* Root menu container */
   :host {
     display: block;
   }
 
   .menu-root {
-    font-size: var(--nuraly-menu-font-size);
-    font-family: var(--nuraly-menu-font-family);
-    font-weight: var(--nuraly-menu-font-weight);
-    line-height: var(--nuraly-menu-line-height);
+    font-size: 0.875rem;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-weight: 400;
+    line-height: 1.5;
     list-style: none;
     margin: 0;
     padding: 0;
@@ -20,78 +20,78 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
     display: flex;
     align-items: center;
     cursor: pointer;
-    padding: var(--nuraly-menu-link-padding, 1px);
-    color: var(--nuraly-menu-link-color);
-    background-color: var(--nuraly-menu-link-background-color);
+    padding: 1px;
+    color: #161616;
+    background-color: transparent;
     border-left: 4px solid transparent;
     border-top: 2px solid transparent;
     border-right: 2px solid transparent;
     border-bottom: 2px solid transparent;
-    border-radius: var(--nuraly-menu-border-radius);
+    border-radius: 6px;
     margin-bottom: 4px;
     gap: 8px;
   }
 
   .menu-link.disabled {
-    color: var(--nuraly-menu-disabled-link-color);
+    color: #c6c6c6;
     cursor: not-allowed;
     opacity: 0.6;
   }
 
   .menu-link:not(.disabled):not(.selected):hover {
-    background-color: var(--nuraly-menu-hover-link-background-color);
-    color: var(--nuraly-menu-hover-link-color);
+    background-color: #f4f4f4;
+    color: #161616;
   }
 
   .menu-link.selected {
-    background-color: var(--nuraly-menu-selected-link-background-color);
-    color: var(--nuraly-menu-selected-color);
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
+    background-color: rgba(124, 58, 237, 0.08);
+    color: #7c3aed;
+    border-left-color: #7c3aed;
   }
 
   .menu-link:not(.disabled):not(.selected):focus {
     outline: none;
-    border-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
+    border-color: #7c3aed;
     border-left-color: transparent;
-    color: var(--nuraly-menu-focus-color);
+    color: #7c3aed;
   }
 
   .menu-link.selected:not(.disabled):focus {
     outline: none;
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
-    border-top-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
-    border-right-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
-    border-bottom-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
-    color: var(--nuraly-menu-focus-color);
+    border-left-color: #7c3aed;
+    border-top-color: #7c3aed;
+    border-right-color: #7c3aed;
+    border-bottom-color: #7c3aed;
+    color: #7c3aed;
   }
 
   /* Focus-visible for keyboard navigation */
   .menu-link:not(.disabled):focus-visible {
     outline: none;
-    border-top-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
-    border-right-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
-    border-bottom-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
+    border-top-color: #7c3aed;
+    border-right-color: #7c3aed;
+    border-bottom-color: #7c3aed;
   }
 
   .menu-link:not(.disabled):not(.selected):focus-visible {
-    border-left-color: var(--nuraly-menu-focus-border-color, var(--nuraly-menu-focus-color));
-    color: var(--nuraly-menu-focus-color);
+    border-left-color: #7c3aed;
+    color: #7c3aed;
   }
 
   .menu-link.selected:not(.disabled):focus-visible {
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
-    color: var(--nuraly-menu-focus-color);
+    border-left-color: #7c3aed;
+    color: #7c3aed;
   }
 
   .menu-link:not(.disabled):not(.selected):active {
-    color: var(--nuraly-menu-active-color);
-    background-color: var(--nuraly-menu-active-background-color);
+    color: #6d28d9;
+    background-color: #e8e8e8;
   }
 
   .menu-link.selected:not(.disabled):active {
-    background-color: var(--nuraly-menu-active-background-color);
-    color: var(--nuraly-menu-active-color);
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
+    background-color: #e8e8e8;
+    color: #6d28d9;
+    border-left-color: #7c3aed;
   }
 
   .menu-link .action-text-container {
@@ -110,8 +110,8 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
   .menu-link nr-icon {
     display: flex;
     align-items: center;
-    --nuraly-color-icon: var(--nuraly-menu-link-icon-color);
-    --nuraly-icon-size: var(--nuraly-menu-icon-size, 20px);
+    --nuraly-color-icon: #161616;
+    --nuraly-icon-size: 20px;
     flex-shrink: 0;
   }
 
@@ -121,11 +121,11 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
   }
 
   .menu-link:not(.disabled):not(.selected):hover nr-icon {
-    --nuraly-color-icon: var(--nuraly-menu-hover-link-icon-color);
+    --nuraly-color-icon: #161616;
   }
 
   .menu-link.selected nr-icon {
-    --nuraly-color-icon: var(--nuraly-menu-selected-link-icon-color);
+    --nuraly-color-icon: #7c3aed;
   }
 
   /* Sub Menu Styles */
@@ -134,19 +134,19 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
     flex-direction: column;
     padding-left: 0;
     list-style: none;
-    color: var(--nuraly-sub-menu-color);
+    color: #161616;
     margin-bottom: 4px;
   }
 
   .sub-menu.disabled .sub-menu-header {
-    color: var(--nuraly-sub-menu-disabled-color);
+    color: #c6c6c6;
     cursor: not-allowed;
     opacity: 0.6;
   }
 
   .sub-menu.highlighted .sub-menu-header {
-    background-color: var(--nuraly-sub-menu-highlighted-background-color);
-    color: var(--nuraly-sub-menu-highlighted-color);
+    background-color: rgba(124, 58, 237, 0.08);
+    color: #7c3aed;
   }
 
   .sub-menu .sub-menu-header {
@@ -154,12 +154,12 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
-    padding: var(--nuraly-sub-menu-header-padding, 1px);
+    padding: 1px;
     border-left: 4px solid transparent;
     border-top: 2px solid transparent;
     border-right: 2px solid transparent;
     border-bottom: 2px solid transparent;
-    border-radius: var(--nuraly-menu-border-radius);
+    border-radius: 6px;
     gap: 8px;
   }
 
@@ -171,8 +171,8 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
 
   .sub-menu .text-icon {
     flex-shrink: 0;
-    --nuraly-color-icon: var(--nuraly-sub-menu-text-icon-color);
-    --nuraly-icon-size: var(--nuraly-menu-icon-size, 20px);
+    --nuraly-color-icon: #525252;
+    --nuraly-icon-size: 20px;
   }
 
   .sub-menu .icons-container {
@@ -215,88 +215,88 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
   }
 
   .sub-menu .action-icon {
-    --nuraly-color-icon: var(--nuraly-sub-menu-action-icon-color);
-    --nuraly-icon-size: var(--nuraly-menu-icon-size, 16px);
+    --nuraly-color-icon: #525252;
+    --nuraly-icon-size: 16px;
   }
 
   .sub-menu .status-icon {
-    --nuraly-color-icon: var(--nuraly-sub-menu-status-icon-color);
-    --nuraly-icon-size: var(--nuraly-menu-icon-size, 16px);
+    --nuraly-color-icon: #525252;
+    --nuraly-icon-size: 16px;
   }
 
   .sub-menu .text-icon {
-    --nuraly-color-icon: var(--nuraly-sub-menu-text-icon-color);
-    --nuraly-icon-size: var(--nuraly-menu-icon-size, 20px);
+    --nuraly-color-icon: #525252;
+    --nuraly-icon-size: 20px;
   }
 
   .sub-menu #toggle-icon {
-    --nuraly-color-icon: var(--nuraly-sub-menu-toggle-icon-color);
-    --nuraly-icon-size: var(--nuraly-menu-icon-size, 16px);
+    --nuraly-color-icon: #525252;
+    --nuraly-icon-size: 16px;
   }
 
   .sub-menu:not(.disabled):not(.selected) .sub-menu-header:focus {
     outline: none;
-    border-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
+    border-color: #7c3aed;
     border-left-color: transparent;
-    color: var(--nuraly-sub-menu-focus-color);
+    color: #7c3aed;
   }
 
   .sub-menu.selected:not(.disabled) .sub-menu-header:focus {
     outline: none;
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
-    border-top-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
-    border-right-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
-    border-bottom-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
-    color: var(--nuraly-sub-menu-focus-color);
+    border-left-color: #7c3aed;
+    border-top-color: #7c3aed;
+    border-right-color: #7c3aed;
+    border-bottom-color: #7c3aed;
+    color: #7c3aed;
   }
 
   /* Focus-visible for keyboard navigation on submenus */
   .sub-menu:not(.disabled) .sub-menu-header:focus-visible {
     outline: none;
-    border-top-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
-    border-right-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
-    border-bottom-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
+    border-top-color: #7c3aed;
+    border-right-color: #7c3aed;
+    border-bottom-color: #7c3aed;
   }
 
   .sub-menu:not(.disabled):not(.selected) .sub-menu-header:focus-visible {
-    border-left-color: var(--nuraly-sub-menu-focus-border-color, var(--nuraly-sub-menu-focus-color));
-    color: var(--nuraly-sub-menu-focus-color);
+    border-left-color: #7c3aed;
+    color: #7c3aed;
   }
 
   .sub-menu.selected:not(.disabled) .sub-menu-header:focus-visible {
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
-    color: var(--nuraly-sub-menu-focus-color);
+    border-left-color: #7c3aed;
+    color: #7c3aed;
   }
 
   .sub-menu:not(.disabled) .sub-menu-header:hover {
-    background-color: var(--nuraly-sub-menu-hover-background-color);
-    color: var(--nuraly-sub-menu-hover-color);
+    background-color: #f4f4f4;
+    color: #161616;
   }
 
   .sub-menu.selected:not(.disabled) .sub-menu-header {
-    background-color: var(--nuraly-menu-selected-link-background-color);
-    color: var(--nuraly-menu-selected-color);
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
+    background-color: rgba(124, 58, 237, 0.08);
+    color: #7c3aed;
+    border-left-color: #7c3aed;
   }
 
   .sub-menu.selected:not(.disabled) .sub-menu-header:active {
-    background-color: var(--nuraly-sub-menu-active-background-color);
-    color: var(--nuraly-sub-menu-active-color);
-    border-left-color: var(--nuraly-menu-selected-link-border-color, var(--nuraly-menu-selected-color));
+    background-color: #e8e8e8;
+    color: #6d28d9;
+    border-left-color: #7c3aed;
   }
 
   .sub-menu:not(.disabled):not(.selected) .sub-menu-header:active {
-    background-color: var(--nuraly-sub-menu-active-background-color);
-    color: var(--nuraly-sub-menu-active-color);
+    background-color: #e8e8e8;
+    color: #6d28d9;
   }
 
   .sub-menu-children {
-    padding-left: var(--nuraly-sub-menu-nested-padding-left);
+    padding-left: 1rem;
   }
 
   /* Arrow positioning for left arrow */
   .sub-menu.arrow-left .sub-menu-header {
-    padding-left: var(--nuraly-sub-menu-arrow-left-padding, 8px); /* Add space for left arrow */
+    padding-left: 8px; /* Add space for left arrow */
   }
 
   .sub-menu.arrow-left .sub-menu-header #toggle-icon {
@@ -316,27 +316,27 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
 
   /* Size Variants */
   .menu--small .menu-link {
-    padding: var(--nuraly-menu-link-padding-small, 1px);
+    padding: 1px;
   }
 
   .menu--small .sub-menu .sub-menu-header {
-    padding: var(--nuraly-sub-menu-header-padding-small, 1px);
+    padding: 1px;
   }
 
   .menu--medium .menu-link {
-    padding: var(--nuraly-menu-link-padding-medium, 1px);
+    padding: 1px;
   }
 
   .menu--medium .sub-menu .sub-menu-header {
-    padding: var(--nuraly-sub-menu-header-padding-medium, 1px);
+    padding: 1px;
   }
 
   .menu--large .menu-link {
-    padding: var(--nuraly-menu-link-padding-large, 1px);
+    padding: 1px;
   }
 
   .menu--large .sub-menu .sub-menu-header {
-    padding: var(--nuraly-sub-menu-header-padding-large, 1px);
+    padding: 1px;
   }
 
   /* Edit input styles */
@@ -348,7 +348,7 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
     font-weight: inherit;
     line-height: inherit;
     color: inherit;
-    background-color: var(--nuraly-menu-edit-input-background, transparent);
+    background-color: transparent;
     border: none;
     border-radius: 0;
     padding: 0;
@@ -363,45 +363,55 @@ import{css as e,LitElement as n,html as t,nothing as i}from"lit";import{property
 
   .menu-link.editing,
   .sub-menu.editing > .sub-menu-header {
-    background-color: var(--nuraly-menu-edit-background, transparent);
+    background-color: transparent;
   }
 
-`];
+`],l=e=>class extends e{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var e,t,i;super.disconnectedCallback(),null===(e=this.themeObserver)||void 0===e||e.disconnect(),null===(t=this.designSystemObserver)||void 0===t||t.disconnect(),null===(i=this.mediaQuery)||void 0===i||i.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var e,t;const i=(null===(e=this.closest("[data-theme]"))||void 0===e?void 0:e.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return i||((null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var e;const t=(null===(e=this.closest("[design-system]"))||void 0===e?void 0:e.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===t?t:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},d=()=>{var e;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(e=process.env)||void 0===e?void 0:e.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},c=e=>class extends e{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(d())for(const e of this.requiredComponents)if(!this.isComponentAvailable(e))throw new Error(`Required component "${e}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${e}';`)}validateDependenciesWithHandler(e){if(!d())return!0;let t=!0;for(const i of this.requiredComponents)if(!this.isComponentAvailable(i)){t=!1;const n=new Error(`Required component "${i}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);e?e(i,n):console.error(n.message)}return t}isComponentAvailable(e){return!!customElements.get(e)}getMissingDependencies(){return this.requiredComponents.filter(e=>!this.isComponentAvailable(e))}areDependenciesAvailable(){return this.requiredComponents.every(e=>this.isComponentAvailable(e))}addRequiredComponent(e){this.requiredComponents.includes(e)||this.requiredComponents.push(e)}removeRequiredComponent(e){const t=this.requiredComponents.indexOf(e);t>-1&&this.requiredComponents.splice(t,1)}},h=e=>class extends e{dispatchCustomEvent(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(e,t){var i;const n=Object.assign(Object.assign({},t),{timestamp:Date.now(),componentName:(null===(i=this.tagName)||void 0===i?void 0:i.toLowerCase())||"unknown"});this.dispatchCustomEvent(e,n)}dispatchInputEvent(e,t){const i=Object.assign({target:t.target||this,value:t.value,originalEvent:t.originalEvent},t);this.dispatchCustomEvent(e,i)}dispatchFocusEvent(e,t){const i=Object.assign({target:t.target||this,value:t.value,focused:t.focused,cursorPosition:t.cursorPosition,selectedText:t.selectedText},t);this.dispatchCustomEvent(e,i)}dispatchValidationEvent(e,t){var i;const n=Object.assign({target:t.target||this,value:t.value,isValid:null!==(i=t.isValid)&&void 0!==i&&i,error:t.error},t);this.dispatchCustomEvent(e,n)}dispatchActionEvent(e,t){const i=Object.assign({target:t.target||this,action:t.action,previousValue:t.previousValue,newValue:t.newValue},t);this.dispatchCustomEvent(e,i)}isReadonlyKeyAllowed(e){if(e.ctrlKey||e.metaKey){return["KeyA","KeyC"].includes(e.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(e.key)}isActivationKey(e){return"Enter"===e.key||" "===e.key}},u=new Set,m=new Map;
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Object.assign({detail:n,bubbles:!0,composed:!0,cancelable:!0},t));return this._host.dispatchEvent(i)}catch(e){return this.handleError(e,"dispatchEvent"),!1}}isDisabled(){return!1}getElementByPath(e){var n;return(null===(n=this._host.shadowRoot)||void 0===n?void 0:n.querySelector(`[data-path="${e}"]`))||null}getAllMenuLinks(){var e;return Array.from((null===(e=this._host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".menu-link, .sub-menu"))||[])}isElementInteractive(e){if(!e)return!1;const n=e.classList.contains("disabled"),t=null!==e.offsetParent;return!n&&t}}
+const p=e=>{class t extends e{constructor(){super(...arguments),this.t=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const e=this.constructor.useShadowDom;if(!e&&null===this.t)for(this.t=[];this.firstChild;)this.t.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!e){const e=this.constructor,t=this.tagName.toLowerCase(),i=e.styles;if(i){const e=b(i);e&&function(e,t,i){var n;if(!m.has(e)){const i=new CSSStyleSheet;i.replaceSync(t),m.set(e,i)}const s=m.get(e),o=`doc:${e}`;if(u.has(o)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,s],u.add(o)),i){let t=i;for(;t;){const i=t.getRootNode();if(!(i instanceof ShadowRoot))break;{const o=`shadow:${((null===(n=i.host)||void 0===n?void 0:n.tagName)||"").toLowerCase()}:${e}`;u.has(o)||(i.adoptedStyleSheets=[...i.adoptedStyleSheets,s],u.add(o)),t=i.host}}}}(t,e,this)}}}get lightChildren(){return this.t?this.t.filter(e=>!(e instanceof Element&&e.hasAttribute("slot"))):[]}lightChildrenNamed(e){return this.t?this.t.filter(t=>t instanceof Element&&t.getAttribute("slot")===e):[]}}return t.useShadowDom=!1,t};function b(e){return Array.isArray(e)?e.map(e=>b(e)).filter(Boolean).join("\n"):e&&"string"==typeof e.cssText?e.cssText:"string"==typeof e?e:""}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class d extends c{constructor(){super(...arguments),this._selectedPath=[],this._openSubMenus=new Set,this._hoveredSubMenus=new Set,this._highlightedSubMenus=new Set}get selectedPath(){return this._selectedPath}set selectedPath(e){this._selectedPath=e}get openSubMenus(){return this._openSubMenus}get hoveredSubMenus(){return this._hoveredSubMenus}get highlightedSubMenus(){return this._highlightedSubMenus}setSelectedPath(e){try{this._selectedPath=e,this.clearHighlights(),this.requestUpdate(),this.dispatchMenuEvent("selection-changed",{path:e,timestamp:Date.now()})}catch(e){this.handleError(e,"setSelectedPath")}}toggleSubMenu(e){try{const n=e.join("-");this._openSubMenus.has(n)?this.closeSubMenu(e):this.openSubMenu(e)}catch(e){this.handleError(e,"toggleSubMenu")}}openSubMenu(e){try{const n=e.join("-");this._openSubMenus.has(n)||(this._openSubMenus.add(n),this.requestUpdate(),this.dispatchMenuEvent("submenu-opened",{path:e,pathKey:n,timestamp:Date.now()}))}catch(e){this.handleError(e,"openSubMenu")}}closeSubMenu(e){try{const n=e.join("-");this._openSubMenus.has(n)&&(this._openSubMenus.delete(n),this.requestUpdate(),this.dispatchMenuEvent("submenu-closed",{path:e,pathKey:n,timestamp:Date.now()}))}catch(e){this.handleError(e,"closeSubMenu")}}closeAllSubMenus(){try{this._openSubMenus.clear(),this.requestUpdate(),this.dispatchMenuEvent("all-submenus-closed",{timestamp:Date.now()})}catch(e){this.handleError(e,"closeAllSubMenus")}}setHovered(e,n){try{const t=e.join("-");n?this._hoveredSubMenus.add(t):this._hoveredSubMenus.delete(t),this.requestUpdate()}catch(e){this.handleError(e,"setHovered")}}setHighlighted(e,n){try{const t=e.join("-");n?this._highlightedSubMenus.add(t):this._highlightedSubMenus.delete(t),this.requestUpdate()}catch(e){this.handleError(e,"setHighlighted")}}clearHighlights(){try{this._highlightedSubMenus.clear(),this.requestUpdate()}catch(e){this.handleError(e,"clearHighlights")}}isPathSelected(e){return e.length===this._selectedPath.length&&e.every((e,n)=>e===this._selectedPath[n])}isSubMenuOpen(e){const n=e.join("-");return this._openSubMenus.has(n)}isSubMenuHovered(e){const n=e.join("-");return this._hoveredSubMenus.has(n)}isSubMenuHighlighted(e){const n=e.join("-");return this._highlightedSubMenus.has(n)}reset(){try{this._selectedPath=[],this._openSubMenus.clear(),this._hoveredSubMenus.clear(),this._highlightedSubMenus.clear(),this.requestUpdate(),this.dispatchMenuEvent("state-reset",{timestamp:Date.now()})}catch(e){this.handleError(e,"reset")}}}
+ */class v{constructor(e){this._host=e,e.addController(this)}get host(){return this._host}hostConnected(){}hostDisconnected(){}hostUpdate(){}hostUpdated(){}requestUpdate(){try{this._host.requestUpdate()}catch(e){this.handleError(e,"requestUpdate")}}dispatchEvent(e){try{return this._host.dispatchEvent(e)}catch(e){return this.handleError(e,"dispatchEvent"),!1}}handleError(e,t){console.error(`[${this.constructor.name}] Error in ${t}:`,e);try{this._host.dispatchEvent(new CustomEvent("nr-controller-error",{detail:{error:e.message,context:t,controller:this.constructor.name},bubbles:!0,composed:!0}))}catch(e){}}safeExecute(e,t,i){try{return e()}catch(e){return this.handleError(e,t),i}}debounce(e,t){let i;const n=(...n)=>{void 0!==i&&clearTimeout(i),i=setTimeout(()=>{i=void 0,e.apply(this,n)},t)};return n.cancel=()=>{void 0!==i&&(clearTimeout(i),i=void 0)},n}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class h extends c{constructor(e,n){super(e),this.typeAheadBuffer="",this.typeAheadTimeout=null,this.currentFocusIndex=-1,this.stateController=n}hostConnected(){this.host.addEventListener("keydown",this.handleKeydown.bind(this))}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeydown.bind(this)),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout)}handleKeydown(e){try{const n=e.target;if("INPUT"===n.tagName||"TEXTAREA"===n.tagName||n.isContentEditable)return;const t=e.key;if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t))return void this.handleArrowNavigation(e);if("Enter"===t||" "===t)return void this.handleActivation(e);if("Escape"===t)return void this.handleEscape(e);if("Home"===t||"End"===t)return void this.handleHomeEnd(e);if(1===t.length&&!e.ctrlKey&&!e.metaKey&&!e.altKey)return void this.handleTypeAhead(e)}catch(e){this.handleError(e,"handleKeydown")}}handleArrowNavigation(e){var n;try{e.preventDefault();const t=this.getAllMenuLinks(),i=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.activeElement,o=t.indexOf(i);switch(e.key){case"ArrowDown":this.navigateDown(t,o);break;case"ArrowUp":this.navigateUp(t,o);break;case"ArrowRight":this.expandOrNavigate(i);break;case"ArrowLeft":this.collapseOrNavigate(i)}this.dispatchMenuEvent("keyboard-navigation",{key:e.key,currentIndex:o,timestamp:Date.now()})}catch(e){this.handleError(e,"handleArrowNavigation")}}navigateDown(e,n){let t=n+1;for(;t<e.length;){const n=e[t];if(this.isElementInteractive(n))return n.focus(),void(this.currentFocusIndex=t);t++}if(n>=0)for(let n=0;n<e.length;n++)if(this.isElementInteractive(e[n]))return e[n].focus(),void(this.currentFocusIndex=n)}navigateUp(e,n){let t=n-1;for(;t>=0;){const n=e[t];if(this.isElementInteractive(n))return n.focus(),void(this.currentFocusIndex=t);t--}if(n>=0)for(let n=e.length-1;n>=0;n--)if(this.isElementInteractive(e[n]))return e[n].focus(),void(this.currentFocusIndex=n)}expandOrNavigate(e){if(e&&e.classList.contains("sub-menu")){const n=e.getAttribute("data-path");if(n){const e=n.split("-").map(Number);this.stateController.openSubMenu(e)}}}collapseOrNavigate(e){if(e&&e.classList.contains("sub-menu")){const n=e.getAttribute("data-path");if(n){const e=n.split("-").map(Number);this.stateController.closeSubMenu(e)}}}handleActivation(e){var n;try{e.preventDefault();const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.activeElement;if(!t||!this.isElementInteractive(t))return;t.click(),this.dispatchMenuEvent("keyboard-activation",{key:e.key,element:t,timestamp:Date.now()})}catch(e){this.handleError(e,"handleActivation")}}handleEscape(e){try{e.preventDefault(),this.stateController.closeAllSubMenus(),this.dispatchMenuEvent("keyboard-escape",{timestamp:Date.now()})}catch(e){this.handleError(e,"handleEscape")}}handleHomeEnd(e){try{e.preventDefault();const n=this.getAllMenuLinks(),t=n.filter(e=>this.isElementInteractive(e));if(0===t.length)return;if("Home"===e.key)t[0].focus(),this.currentFocusIndex=n.indexOf(t[0]);else{const e=t[t.length-1];e.focus(),this.currentFocusIndex=n.indexOf(e)}this.dispatchMenuEvent("keyboard-home-end",{key:e.key,timestamp:Date.now()})}catch(e){this.handleError(e,"handleHomeEnd")}}handleTypeAhead(e){try{e.preventDefault(),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadBuffer+=e.key.toLowerCase(),this.typeAheadTimeout=window.setTimeout(()=>{this.typeAheadBuffer="",this.typeAheadTimeout=null},500);const n=this.getAllMenuLinks(),t=this.currentFocusIndex>=0?this.currentFocusIndex:-1;for(let e=t+1;e<n.length;e++)if(this.matchesTypeAhead(n[e]))return n[e].focus(),void(this.currentFocusIndex=e);for(let e=0;e<=t;e++)if(this.matchesTypeAhead(n[e]))return n[e].focus(),void(this.currentFocusIndex=e);this.dispatchMenuEvent("keyboard-typeahead",{buffer:this.typeAheadBuffer,timestamp:Date.now()})}catch(e){this.handleError(e,"handleTypeAhead")}}matchesTypeAhead(e){var n;if(!this.isElementInteractive(e))return!1;return((null===(n=e.textContent)||void 0===n?void 0:n.trim().toLowerCase())||"").startsWith(this.typeAheadBuffer)}resetTypeAhead(){this.typeAheadBuffer="",this.typeAheadTimeout&&(clearTimeout(this.typeAheadTimeout),this.typeAheadTimeout=null)}}
+ */class g extends v{dispatchMenuEvent(e,t,i={}){try{const n=new CustomEvent(e,Object.assign({detail:t,bubbles:!0,composed:!0,cancelable:!0},i));return this._host.dispatchEvent(n)}catch(e){return this.handleError(e,"dispatchEvent"),!1}}isDisabled(){return!1}getElementByPath(e){var t;return(null===(t=this._host.shadowRoot)||void 0===t?void 0:t.querySelector(`[data-path="${e}"]`))||null}getAllMenuLinks(){var e;return Array.from((null===(e=this._host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".menu-link, .sub-menu"))||[])}isElementInteractive(e){if(!e)return!1;const t=e.classList.contains("disabled"),i=null!==e.offsetParent;return!t&&i}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class m extends c{constructor(e,n){super(e),this.announcementElement=null,this.stateController=n}hostConnected(){this.createAnnouncementElement(),this.updateAriaAttributes()}hostDisconnected(){this.removeAnnouncementElement()}createAnnouncementElement(){this.announcementElement||(this.announcementElement=document.createElement("div"),this.announcementElement.setAttribute("role","status"),this.announcementElement.setAttribute("aria-live","polite"),this.announcementElement.setAttribute("aria-atomic","true"),this.announcementElement.style.position="absolute",this.announcementElement.style.left="-10000px",this.announcementElement.style.width="1px",this.announcementElement.style.height="1px",this.announcementElement.style.overflow="hidden",document.body.appendChild(this.announcementElement))}removeAnnouncementElement(){this.announcementElement&&this.announcementElement.parentNode&&(this.announcementElement.parentNode.removeChild(this.announcementElement),this.announcementElement=null)}updateAriaAttributes(){try{this.updateMenuRoot(),this.updateAllMenuItems(),this.updateAllSubMenus()}catch(e){this.handleError(e,"updateAriaAttributes")}}updateMenuRoot(){var e;const n=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".menu-root");n&&(n.setAttribute("role","menu"),n.setAttribute("aria-label","Main menu"))}updateAllMenuItems(){var e;const n=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".menu-link");null==n||n.forEach(e=>{e.setAttribute("role","menuitem"),e.setAttribute("tabindex","0");const n=e.getAttribute("data-path");if(n){const t=n.split("-").map(Number),i=this.stateController.isPathSelected(t);this.setAriaSelected(e,i)}e.classList.contains("disabled")&&e.setAttribute("aria-disabled","true")})}updateAllSubMenus(){var e;const n=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".sub-menu");null==n||n.forEach(e=>{e.setAttribute("role","menuitem"),e.setAttribute("tabindex","0");const n=e.getAttribute("data-path");if(n){const t=n.split("-").map(Number),i=this.stateController.isSubMenuOpen(t),o=e.querySelector(".sub-menu-header");o&&(o.setAttribute("aria-haspopup","true"),this.setAriaExpanded(o,i))}e.classList.contains("disabled")&&e.setAttribute("aria-disabled","true")})}setAriaExpanded(e,n){try{e.setAttribute("aria-expanded",n.toString())}catch(e){this.handleError(e,"setAriaExpanded")}}setAriaSelected(e,n){try{n?(e.setAttribute("aria-selected","true"),e.setAttribute("aria-current","page")):(e.removeAttribute("aria-selected"),e.removeAttribute("aria-current"))}catch(e){this.handleError(e,"setAriaSelected")}}manageFocus(e){try{this.isElementInteractive(e)&&(e.focus(),e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}))}catch(e){this.handleError(e,"manageFocus")}}announceToScreenReader(e){try{this.announcementElement&&(this.announcementElement.textContent="",setTimeout(()=>{this.announcementElement&&(this.announcementElement.textContent=e)},100))}catch(e){this.handleError(e,"announceToScreenReader")}}announceSelection(e,n){const t=`Selected ${e}, level ${n.length}`;this.announceToScreenReader(t)}announceSubMenuToggle(e,n){const t=`${e} submenu ${n?"expanded":"collapsed"}`;this.announceToScreenReader(t)}focusFirstItem(){const e=this.getAllMenuLinks().find(e=>this.isElementInteractive(e));e&&this.manageFocus(e)}focusLastItem(){const e=this.getAllMenuLinks().filter(e=>this.isElementInteractive(e)),n=e[e.length-1];n&&this.manageFocus(n)}}
+ */class f extends g{constructor(){super(...arguments),this._selectedPath=[],this._openSubMenus=new Set,this._hoveredSubMenus=new Set,this._highlightedSubMenus=new Set}get selectedPath(){return this._selectedPath}set selectedPath(e){this._selectedPath=e}get openSubMenus(){return this._openSubMenus}get hoveredSubMenus(){return this._hoveredSubMenus}get highlightedSubMenus(){return this._highlightedSubMenus}setSelectedPath(e){try{this._selectedPath=e,this.clearHighlights(),this.requestUpdate(),this.dispatchMenuEvent("selection-changed",{path:e,timestamp:Date.now()})}catch(e){this.handleError(e,"setSelectedPath")}}toggleSubMenu(e){try{const t=e.join("-");this._openSubMenus.has(t)?this.closeSubMenu(e):this.openSubMenu(e)}catch(e){this.handleError(e,"toggleSubMenu")}}openSubMenu(e){try{const t=e.join("-");this._openSubMenus.has(t)||(this._openSubMenus.add(t),this.requestUpdate(),this.dispatchMenuEvent("submenu-opened",{path:e,pathKey:t,timestamp:Date.now()}))}catch(e){this.handleError(e,"openSubMenu")}}closeSubMenu(e){try{const t=e.join("-");this._openSubMenus.has(t)&&(this._openSubMenus.delete(t),this.requestUpdate(),this.dispatchMenuEvent("submenu-closed",{path:e,pathKey:t,timestamp:Date.now()}))}catch(e){this.handleError(e,"closeSubMenu")}}closeAllSubMenus(){try{this._openSubMenus.clear(),this.requestUpdate(),this.dispatchMenuEvent("all-submenus-closed",{timestamp:Date.now()})}catch(e){this.handleError(e,"closeAllSubMenus")}}setHovered(e,t){try{const i=e.join("-");t?this._hoveredSubMenus.add(i):this._hoveredSubMenus.delete(i),this.requestUpdate()}catch(e){this.handleError(e,"setHovered")}}setHighlighted(e,t){try{const i=e.join("-");t?this._highlightedSubMenus.add(i):this._highlightedSubMenus.delete(i),this.requestUpdate()}catch(e){this.handleError(e,"setHighlighted")}}clearHighlights(){try{this._highlightedSubMenus.clear(),this.requestUpdate()}catch(e){this.handleError(e,"clearHighlights")}}isPathSelected(e){return e.length===this._selectedPath.length&&e.every((e,t)=>e===this._selectedPath[t])}isSubMenuOpen(e){const t=e.join("-");return this._openSubMenus.has(t)}isSubMenuHovered(e){const t=e.join("-");return this._hoveredSubMenus.has(t)}isSubMenuHighlighted(e){const t=e.join("-");return this._highlightedSubMenus.has(t)}reset(){try{this._selectedPath=[],this._openSubMenus.clear(),this._hoveredSubMenus.clear(),this._highlightedSubMenus.clear(),this.requestUpdate(),this.dispatchMenuEvent("state-reset",{timestamp:Date.now()})}catch(e){this.handleError(e,"reset")}}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */var b=function(e,n,t,i){for(var o,r=arguments.length,s=r<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i,l=e.length-1;l>=0;l--)(o=e[l])&&(s=(r<3?o(s):r>3?o(n,t,s):o(n,t))||s);return r>3&&s&&Object.defineProperty(n,t,s),s};let v=class extends(l(n)){constructor(){super(),this.requiredComponents=["nr-icon","nr-dropdown"],this.items=[],this.size="medium",this.arrowPosition="right",this._contextMenuState=null,this._editingPath=null,this._editingValue="",this._pendingClickTimeout=null,this._pendingClickPath=null,this._linkIndex=0,this.stateController=new d(this),this.keyboardController=new h(this,this.stateController),this.accessibilityController=new m(this,this.stateController)}firstUpdated(){this._initializeSelectedState(),this.accessibilityController.updateAriaAttributes()}updated(e){e.has("items")&&(this._initializeSelectedState(),this._initializeOpenedState()),this.accessibilityController.updateAriaAttributes()}_initializeOpenedState(){this._openSubMenusFromItems(this.items,[])}_openSubMenusFromItems(e,n){for(let t=0;t<e.length;t++){const i=e[t],o=[...n,t];i.children&&(i.opened&&this.stateController.openSubMenu(o),this._openSubMenusFromItems(i.children,o))}}_initializeSelectedState(){this._linkIndex=0,this._findSelectedPath(this.items)}_findSelectedPath(e,n=[]){for(let t=0;t<e.length;t++){const i=e[t],o=[...n,t];if(i.children){if(this._findSelectedPath(i.children,o))return!0}else if(i.selected)return this.stateController.setSelectedPath(o),!0}return!1}_handleLinkClick(e,n,t,i){var o;if(null===(o=null==i?void 0:i.target)||void 0===o?void 0:o.classList.contains("action-icon"))return;if("click"===(null==i?void 0:i.type)){if(i.detail>0)return}const r=e.join("-");if(t&&"mousedown"===(null==i?void 0:i.type))return this._pendingClickTimeout&&clearTimeout(this._pendingClickTimeout),this._pendingClickPath=r,void(this._pendingClickTimeout=setTimeout(()=>{this._pendingClickPath===r&&(this._executeClick(e,n),this._pendingClickPath=null)},200));this._executeClick(e,n)}_executeClick(e,n){this.stateController.setSelectedPath(e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{path:e,value:n}})),this.requestUpdate()}_handleSubMenuClick(e,n,t,i){const o=i,r=i.target;if("toggle-icon"===r.id||r.closest("#toggle-icon"))return;if("click"===i.type)return 0===o.detail?(this.stateController.toggleSubMenu(e),void this.requestUpdate()):void 0;const s=e.join("-");if(t)return this._pendingClickTimeout&&clearTimeout(this._pendingClickTimeout),this._pendingClickPath=s,void(this._pendingClickTimeout=setTimeout(()=>{this._pendingClickPath===s&&(this._executeSubMenuClick(e,n),this._pendingClickPath=null)},200));this._executeSubMenuClick(e,n)}_executeSubMenuClick(e,n){this.stateController.setSelectedPath([]),this.stateController.clearHighlights(),this.stateController.setHighlighted(e,!0),this.stateController.toggleSubMenu(e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{path:e,value:n}})),this.requestUpdate()}_toggleSubMenu(e,n){n.stopPropagation(),this.stateController.toggleSubMenu(e),this.requestUpdate()}_handleSubMenuMouseEnter(e){this.stateController.setHovered(e,!0),this.requestUpdate()}_handleSubMenuMouseLeave(e){this.stateController.setHovered(e,!1),this.requestUpdate()}_handleActionClick(e,n){const t=n.detail.item,i=n.detail.originalEvent,o=n.detail.dropdown;this.dispatchEvent(new CustomEvent("action-click",{detail:{value:t.value,path:e,item:t,originalEvent:i,close:()=>{o&&("function"==typeof o.hide?o.hide():"function"==typeof o.close&&o.close())}},composed:!0,bubbles:!0}))}_handleContextMenu(e,n,t){var i,o;(null===(o=null===(i=n.menu)||void 0===i?void 0:i.actions)||void 0===o?void 0:o.length)&&(t.preventDefault(),t.stopPropagation(),this._contextMenuState={path:e,x:t.clientX,y:t.clientY,actions:n.menu.actions},this.requestUpdate(),this.updateComplete.then(()=>{var e;const n=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#context-menu-dropdown");n&&"function"==typeof n.show&&n.show()}))}_handleContextMenuAction(e,n){const t=n.detail.item,i=n.detail.originalEvent,o=n.detail.dropdown,r=()=>{this._contextMenuState=null,o&&("function"==typeof o.hide?o.hide():"function"==typeof o.close&&o.close()),this.requestUpdate()};this.dispatchEvent(new CustomEvent("action-click",{detail:{value:t.value,path:e,item:t,originalEvent:i,close:r},composed:!0,bubbles:!0})),r()}_handleContextMenuClose(){this._contextMenuState=null,this.requestUpdate()}_handleDoubleClick(e,n,t){if(n.disabled)return;t.preventDefault(),t.stopPropagation(),this._pendingClickTimeout&&(clearTimeout(this._pendingClickTimeout),this._pendingClickTimeout=null,this._pendingClickPath=null);const i=e.join("-");this._editingPath=i,this._editingValue=n.text,this.requestUpdate(),this.updateComplete.then(()=>{var e;const n=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`input[data-edit-path="${i}"]`);n&&(n.focus(),n.select())})}_handleEditInput(e){e.stopPropagation();const n=e.target;this._editingValue=n.value}_handleEditKeyDown(e,n,t){if(t.stopPropagation(),console.log("Edit keydown:",t.key,"editingValue:",this._editingValue),"Enter"===t.key){t.preventDefault();const i=t.target;this._editingValue=i.value,console.log("Saving with value:",this._editingValue),this._saveEdit(e,n)}else"Escape"===t.key&&(t.preventDefault(),this._cancelEdit())}_handleEditBlur(e,n,t){var i;const o=t.relatedTarget;o&&(null===(i=this.shadowRoot)||void 0===i?void 0:i.contains(o))||setTimeout(()=>{this._editingPath===e.join("-")&&this._saveEdit(e,n)},200)}_saveEdit(e,n){const t=this._editingValue.trim();if(console.log("_saveEdit called:",{newValue:t,originalText:n,willEmit:t&&t!==n}),t&&t!==n){const i={path:e,oldValue:n,newValue:t};this.onLabelEdit&&(console.log("Calling onLabelEdit callback"),this.onLabelEdit(i)),console.log("Dispatching label-edit event from:",this.tagName);const o=new CustomEvent("label-edit",{bubbles:!0,composed:!0,detail:i});this.dispatchEvent(o)}this._editingPath=null,this._editingValue="",this.requestUpdate()}_cancelEdit(){this._editingPath=null,this._editingValue="",this.requestUpdate()}_isEditing(e){return this._editingPath===e.join("-")}_isPathSelected(e){return this.stateController.isPathSelected(e)}_convertActionsToDropdownItems(e){return e.map(e=>({id:e.value,label:e.label,value:e.value,icon:e.icon,additionalData:e.additionalData}))}_renderMenuLink(e,n){var o,r,s;const l=n.join("-"),a=this._isPathSelected(n),u=this._isEditing(n),c=this._linkIndex++;return t`
+ */class w extends g{constructor(e,t){super(e),this.typeAheadBuffer="",this.typeAheadTimeout=null,this.currentFocusIndex=-1,this.stateController=t}hostConnected(){this.host.addEventListener("keydown",this.handleKeydown.bind(this))}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeydown.bind(this)),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout)}handleKeydown(e){try{const t=e.target;if("INPUT"===t.tagName||"TEXTAREA"===t.tagName||t.isContentEditable)return;const i=e.key;if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i))return void this.handleArrowNavigation(e);if("Enter"===i||" "===i)return void this.handleActivation(e);if("Escape"===i)return void this.handleEscape(e);if("Home"===i||"End"===i)return void this.handleHomeEnd(e);if(1===i.length&&!e.ctrlKey&&!e.metaKey&&!e.altKey)return void this.handleTypeAhead(e)}catch(e){this.handleError(e,"handleKeydown")}}handleArrowNavigation(e){var t;try{e.preventDefault();const i=this.getAllMenuLinks(),n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.activeElement,s=i.indexOf(n);switch(e.key){case"ArrowDown":this.navigateDown(i,s);break;case"ArrowUp":this.navigateUp(i,s);break;case"ArrowRight":this.expandOrNavigate(n);break;case"ArrowLeft":this.collapseOrNavigate(n)}this.dispatchMenuEvent("keyboard-navigation",{key:e.key,currentIndex:s,timestamp:Date.now()})}catch(e){this.handleError(e,"handleArrowNavigation")}}navigateDown(e,t){let i=t+1;for(;i<e.length;){const t=e[i];if(this.isElementInteractive(t))return t.focus(),void(this.currentFocusIndex=i);i++}if(t>=0)for(let t=0;t<e.length;t++)if(this.isElementInteractive(e[t]))return e[t].focus(),void(this.currentFocusIndex=t)}navigateUp(e,t){let i=t-1;for(;i>=0;){const t=e[i];if(this.isElementInteractive(t))return t.focus(),void(this.currentFocusIndex=i);i--}if(t>=0)for(let t=e.length-1;t>=0;t--)if(this.isElementInteractive(e[t]))return e[t].focus(),void(this.currentFocusIndex=t)}expandOrNavigate(e){if(e&&e.classList.contains("sub-menu")){const t=e.getAttribute("data-path");if(t){const e=t.split("-").map(Number);this.stateController.openSubMenu(e)}}}collapseOrNavigate(e){if(e&&e.classList.contains("sub-menu")){const t=e.getAttribute("data-path");if(t){const e=t.split("-").map(Number);this.stateController.closeSubMenu(e)}}}handleActivation(e){var t;try{e.preventDefault();const i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.activeElement;if(!i||!this.isElementInteractive(i))return;i.click(),this.dispatchMenuEvent("keyboard-activation",{key:e.key,element:i,timestamp:Date.now()})}catch(e){this.handleError(e,"handleActivation")}}handleEscape(e){try{e.preventDefault(),this.stateController.closeAllSubMenus(),this.dispatchMenuEvent("keyboard-escape",{timestamp:Date.now()})}catch(e){this.handleError(e,"handleEscape")}}handleHomeEnd(e){try{e.preventDefault();const t=this.getAllMenuLinks(),i=t.filter(e=>this.isElementInteractive(e));if(0===i.length)return;if("Home"===e.key)i[0].focus(),this.currentFocusIndex=t.indexOf(i[0]);else{const e=i[i.length-1];e.focus(),this.currentFocusIndex=t.indexOf(e)}this.dispatchMenuEvent("keyboard-home-end",{key:e.key,timestamp:Date.now()})}catch(e){this.handleError(e,"handleHomeEnd")}}handleTypeAhead(e){try{e.preventDefault(),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadBuffer+=e.key.toLowerCase(),this.typeAheadTimeout=window.setTimeout(()=>{this.typeAheadBuffer="",this.typeAheadTimeout=null},500);const t=this.getAllMenuLinks(),i=this.currentFocusIndex>=0?this.currentFocusIndex:-1;for(let e=i+1;e<t.length;e++)if(this.matchesTypeAhead(t[e]))return t[e].focus(),void(this.currentFocusIndex=e);for(let e=0;e<=i;e++)if(this.matchesTypeAhead(t[e]))return t[e].focus(),void(this.currentFocusIndex=e);this.dispatchMenuEvent("keyboard-typeahead",{buffer:this.typeAheadBuffer,timestamp:Date.now()})}catch(e){this.handleError(e,"handleTypeAhead")}}matchesTypeAhead(e){var t;if(!this.isElementInteractive(e))return!1;return((null===(t=e.textContent)||void 0===t?void 0:t.trim().toLowerCase())||"").startsWith(this.typeAheadBuffer)}resetTypeAhead(){this.typeAheadBuffer="",this.typeAheadTimeout&&(clearTimeout(this.typeAheadTimeout),this.typeAheadTimeout=null)}}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */class y extends g{constructor(e,t){super(e),this.announcementElement=null,this.stateController=t}hostConnected(){this.createAnnouncementElement(),this.updateAriaAttributes()}hostDisconnected(){this.removeAnnouncementElement()}createAnnouncementElement(){this.announcementElement||(this.announcementElement=document.createElement("div"),this.announcementElement.setAttribute("role","status"),this.announcementElement.setAttribute("aria-live","polite"),this.announcementElement.setAttribute("aria-atomic","true"),this.announcementElement.style.position="absolute",this.announcementElement.style.left="-10000px",this.announcementElement.style.width="1px",this.announcementElement.style.height="1px",this.announcementElement.style.overflow="hidden",document.body.appendChild(this.announcementElement))}removeAnnouncementElement(){this.announcementElement&&this.announcementElement.parentNode&&(this.announcementElement.parentNode.removeChild(this.announcementElement),this.announcementElement=null)}updateAriaAttributes(){try{this.updateMenuRoot(),this.updateAllMenuItems(),this.updateAllSubMenus()}catch(e){this.handleError(e,"updateAriaAttributes")}}updateMenuRoot(){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".menu-root");t&&(t.setAttribute("role","menu"),t.setAttribute("aria-label","Main menu"))}updateAllMenuItems(){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".menu-link");null==t||t.forEach(e=>{e.setAttribute("role","menuitem"),e.setAttribute("tabindex","0");const t=e.getAttribute("data-path");if(t){const i=t.split("-").map(Number),n=this.stateController.isPathSelected(i);this.setAriaSelected(e,n)}e.classList.contains("disabled")&&e.setAttribute("aria-disabled","true")})}updateAllSubMenus(){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".sub-menu");null==t||t.forEach(e=>{e.setAttribute("role","menuitem"),e.setAttribute("tabindex","0");const t=e.getAttribute("data-path");if(t){const i=t.split("-").map(Number),n=this.stateController.isSubMenuOpen(i),s=e.querySelector(".sub-menu-header");s&&(s.setAttribute("aria-haspopup","true"),this.setAriaExpanded(s,n))}e.classList.contains("disabled")&&e.setAttribute("aria-disabled","true")})}setAriaExpanded(e,t){try{e.setAttribute("aria-expanded",t.toString())}catch(e){this.handleError(e,"setAriaExpanded")}}setAriaSelected(e,t){try{t?(e.setAttribute("aria-selected","true"),e.setAttribute("aria-current","page")):(e.removeAttribute("aria-selected"),e.removeAttribute("aria-current"))}catch(e){this.handleError(e,"setAriaSelected")}}manageFocus(e){try{this.isElementInteractive(e)&&(e.focus(),e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}))}catch(e){this.handleError(e,"manageFocus")}}announceToScreenReader(e){try{this.announcementElement&&(this.announcementElement.textContent="",setTimeout(()=>{this.announcementElement&&(this.announcementElement.textContent=e)},100))}catch(e){this.handleError(e,"announceToScreenReader")}}announceSelection(e,t){const i=`Selected ${e}, level ${t.length}`;this.announceToScreenReader(i)}announceSubMenuToggle(e,t){const i=`${e} submenu ${t?"expanded":"collapsed"}`;this.announceToScreenReader(i)}focusFirstItem(){const e=this.getAllMenuLinks().find(e=>this.isElementInteractive(e));e&&this.manageFocus(e)}focusLastItem(){const e=this.getAllMenuLinks().filter(e=>this.isElementInteractive(e)),t=e[e.length-1];t&&this.manageFocus(t)}}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */var x=function(e,t,i,n){for(var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n,a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};let k=class extends((e=>c(l(h(p(e)))))(n)){constructor(){super(),this.requiredComponents=["nr-icon","nr-dropdown"],this.items=[],this.size="medium",this.arrowPosition="right",this._contextMenuState=null,this._editingPath=null,this._editingValue="",this._pendingClickTimeout=null,this._pendingClickPath=null,this._linkIndex=0,this.stateController=new f(this),this.keyboardController=new w(this,this.stateController),this.accessibilityController=new y(this,this.stateController)}firstUpdated(){this._initializeSelectedState(),this.accessibilityController.updateAriaAttributes()}updated(e){e.has("items")&&(this._initializeSelectedState(),this._initializeOpenedState()),this.accessibilityController.updateAriaAttributes()}_initializeOpenedState(){this._openSubMenusFromItems(this.items,[])}_openSubMenusFromItems(e,t){for(let i=0;i<e.length;i++){const n=e[i],s=[...t,i];n.children&&(n.opened&&this.stateController.openSubMenu(s),this._openSubMenusFromItems(n.children,s))}}_initializeSelectedState(){this._linkIndex=0,this._findSelectedPath(this.items)}_findSelectedPath(e,t=[]){for(let i=0;i<e.length;i++){const n=e[i],s=[...t,i];if(n.children){if(this._findSelectedPath(n.children,s))return!0}else if(n.selected)return this.stateController.setSelectedPath(s),!0}return!1}_handleLinkClick(e,t,i,n){var s;if(null===(s=null==n?void 0:n.target)||void 0===s?void 0:s.classList.contains("action-icon"))return;if("click"===(null==n?void 0:n.type)){if(n.detail>0)return}const o=e.join("-");if(i&&"mousedown"===(null==n?void 0:n.type))return this._pendingClickTimeout&&clearTimeout(this._pendingClickTimeout),this._pendingClickPath=o,void(this._pendingClickTimeout=setTimeout(()=>{this._pendingClickPath===o&&(this._executeClick(e,t),this._pendingClickPath=null)},200));this._executeClick(e,t)}_executeClick(e,t){this.stateController.setSelectedPath(e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{path:e,value:t}})),this.requestUpdate()}_handleSubMenuClick(e,t,i,n){const s=n,o=n.target;if("toggle-icon"===o.id||o.closest("#toggle-icon"))return;if("click"===n.type)return 0===s.detail?(this.stateController.toggleSubMenu(e),void this.requestUpdate()):void 0;const r=e.join("-");if(i)return this._pendingClickTimeout&&clearTimeout(this._pendingClickTimeout),this._pendingClickPath=r,void(this._pendingClickTimeout=setTimeout(()=>{this._pendingClickPath===r&&(this._executeSubMenuClick(e,t),this._pendingClickPath=null)},200));this._executeSubMenuClick(e,t)}_executeSubMenuClick(e,t){this.stateController.setSelectedPath([]),this.stateController.clearHighlights(),this.stateController.setHighlighted(e,!0),this.stateController.toggleSubMenu(e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{path:e,value:t}})),this.requestUpdate()}_toggleSubMenu(e,t){t.stopPropagation(),this.stateController.toggleSubMenu(e),this.requestUpdate()}_handleSubMenuMouseEnter(e){this.stateController.setHovered(e,!0),this.requestUpdate()}_handleSubMenuMouseLeave(e){this.stateController.setHovered(e,!1),this.requestUpdate()}_handleActionClick(e,t){const i=t.detail.item,n=t.detail.originalEvent,s=t.detail.dropdown;this.dispatchEvent(new CustomEvent("action-click",{detail:{value:i.value,path:e,item:i,originalEvent:n,close:()=>{s&&("function"==typeof s.hide?s.hide():"function"==typeof s.close&&s.close())}},composed:!0,bubbles:!0}))}_handleContextMenu(e,t,i){var n,s;(null===(s=null===(n=t.menu)||void 0===n?void 0:n.actions)||void 0===s?void 0:s.length)&&(i.preventDefault(),i.stopPropagation(),this._contextMenuState={path:e,x:i.clientX,y:i.clientY,actions:t.menu.actions},this.requestUpdate(),this.updateComplete.then(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#context-menu-dropdown");t&&"function"==typeof t.show&&t.show()}))}_handleContextMenuAction(e,t){const i=t.detail.item,n=t.detail.originalEvent,s=t.detail.dropdown,o=()=>{this._contextMenuState=null,s&&("function"==typeof s.hide?s.hide():"function"==typeof s.close&&s.close()),this.requestUpdate()};this.dispatchEvent(new CustomEvent("action-click",{detail:{value:i.value,path:e,item:i,originalEvent:n,close:o},composed:!0,bubbles:!0})),o()}_handleContextMenuClose(){this._contextMenuState=null,this.requestUpdate()}_handleDoubleClick(e,t,i){if(t.disabled)return;i.preventDefault(),i.stopPropagation(),this._pendingClickTimeout&&(clearTimeout(this._pendingClickTimeout),this._pendingClickTimeout=null,this._pendingClickPath=null);const n=e.join("-");this._editingPath=n,this._editingValue=t.text,this.requestUpdate(),this.updateComplete.then(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`input[data-edit-path="${n}"]`);t&&(t.focus(),t.select())})}_handleEditInput(e){e.stopPropagation();const t=e.target;this._editingValue=t.value}_handleEditKeyDown(e,t,i){if(i.stopPropagation(),console.log("Edit keydown:",i.key,"editingValue:",this._editingValue),"Enter"===i.key){i.preventDefault();const n=i.target;this._editingValue=n.value,console.log("Saving with value:",this._editingValue),this._saveEdit(e,t)}else"Escape"===i.key&&(i.preventDefault(),this._cancelEdit())}_handleEditBlur(e,t,i){var n;const s=i.relatedTarget;s&&(null===(n=this.shadowRoot)||void 0===n?void 0:n.contains(s))||setTimeout(()=>{this._editingPath===e.join("-")&&this._saveEdit(e,t)},200)}_saveEdit(e,t){const i=this._editingValue.trim();if(console.log("_saveEdit called:",{newValue:i,originalText:t,willEmit:i&&i!==t}),i&&i!==t){const n={path:e,oldValue:t,newValue:i};this.onLabelEdit&&(console.log("Calling onLabelEdit callback"),this.onLabelEdit(n)),console.log("Dispatching label-edit event from:",this.tagName);const s=new CustomEvent("label-edit",{bubbles:!0,composed:!0,detail:n});this.dispatchEvent(s)}this._editingPath=null,this._editingValue="",this.requestUpdate()}_cancelEdit(){this._editingPath=null,this._editingValue="",this.requestUpdate()}_isEditing(e){return this._editingPath===e.join("-")}_isPathSelected(e){return this.stateController.isPathSelected(e)}_convertActionsToDropdownItems(e){return e.map(e=>({id:e.value,label:e.label,value:e.value,icon:e.icon,additionalData:e.additionalData}))}_renderMenuLink(e,n){var s,o,r;const a=n.join("-"),l=this._isPathSelected(n),d=this._isEditing(n),c=this._linkIndex++;return t`
       <li
-        class="menu-link ${a?"selected":""} ${e.disabled?"disabled":""} ${u?"editing":""}"
-        data-path=${l}
+        class="menu-link ${l?"selected":""} ${e.disabled?"disabled":""} ${d?"editing":""}"
+        data-path=${a}
         data-index=${c}
-        tabindex=${u?-1:0}
-        @mousedown=${e.disabled||u?i:t=>this._handleLinkClick(n,e.text,!!e.editable,t)}
-        @click=${e.disabled||u?i:t=>this._handleLinkClick(n,e.text,!!e.editable,t)}
+        tabindex=${d?-1:0}
+        @mousedown=${e.disabled||d?i:t=>this._handleLinkClick(n,e.text,!!e.editable,t)}
+        @click=${e.disabled||d?i:t=>this._handleLinkClick(n,e.text,!!e.editable,t)}
         @dblclick=${e.disabled?i:t=>this._handleDoubleClick(n,e,t)}
-        @contextmenu=${!e.disabled&&(null===(o=e.menu)||void 0===o?void 0:o.actions)?t=>this._handleContextMenu(n,e,t):i}>
+        @contextmenu=${!e.disabled&&(null===(s=e.menu)||void 0===s?void 0:s.actions)?t=>this._handleContextMenu(n,e,t):i}>
         <div class="icon-container">
           ${e.icon?t`
             ${e.text?t`<nr-icon name="${e.icon}" size="small"></nr-icon>`:t`<div class="icon-only"><nr-icon name="${e.icon}"></nr-icon></div>`}
@@ -410,11 +420,11 @@ class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Obje
         ${e.text?t`
           <div class="action-text-container">
             <div class="text-container" @dblclick=${e.disabled?i:t=>this._handleDoubleClick(n,e,t)}>
-              ${u?t`
+              ${d?t`
                 <input
                   type="text"
                   class="edit-input"
-                  data-edit-path=${l}
+                  data-edit-path=${a}
                   .value=${this._editingValue}
                   @input=${this._handleEditInput}
                   @keydown=${t=>this._handleEditKeyDown(n,e.text,t)}
@@ -423,10 +433,10 @@ class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Obje
               `:t`<span>${e.text}</span>`}
             </div>
             <div class="icon-container">
-              ${(null===(r=e.status)||void 0===r?void 0:r.icon)?t`
+              ${(null===(o=e.status)||void 0===o?void 0:o.icon)?t`
                 <nr-icon name=${e.status.icon} class="status-icon"  size="small"></nr-icon>
               `:i}
-              ${(null===(s=e.menu)||void 0===s?void 0:s.actions)?t`
+              ${(null===(r=e.menu)||void 0===r?void 0:r.actions)?t`
                 <nr-dropdown
                   .items=${this._convertActionsToDropdownItems(e.menu.actions)}
                   trigger="click"
@@ -439,34 +449,34 @@ class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Obje
           </div>
         `:i}
       </li>
-    `}_renderSubMenu(e,n){var o,r,s;const l=n.join("-"),a=this.stateController.isSubMenuOpen(n)||e.opened,u=this.stateController.isSubMenuHovered(n),c=this.stateController.isSubMenuHighlighted(n),d=e.selected,h=this._isEditing(n),m=e.iconPosition||this.arrowPosition,b="left"===m||"left"===m;return t`
+    `}_renderSubMenu(e,n){var s,o,r;const a=n.join("-"),l=this.stateController.isSubMenuOpen(n)||e.opened,d=this.stateController.isSubMenuHovered(n),c=this.stateController.isSubMenuHighlighted(n),h=e.selected,u=this._isEditing(n),m=e.iconPosition||this.arrowPosition,p="left"===m||"left"===m;return t`
       <ul
-        class="sub-menu ${c?"highlighted":""} ${e.disabled?"disabled":""} ${d?"selected":""} ${b?"arrow-left":"arrow-right"} ${h?"editing":""}"
-        data-path=${l}
-        tabindex=${h?-1:0}
+        class="sub-menu ${c?"highlighted":""} ${e.disabled?"disabled":""} ${h?"selected":""} ${p?"arrow-left":"arrow-right"} ${u?"editing":""}"
+        data-path=${a}
+        tabindex=${u?-1:0}
         @mouseenter=${()=>this._handleSubMenuMouseEnter(n)}
         @mouseleave=${()=>this._handleSubMenuMouseLeave(n)}
-        @click=${e.disabled||h?i:e=>{const t=e;e.target.classList.contains("sub-menu")&&0===t.detail&&(e.stopPropagation(),this.stateController.toggleSubMenu(n),this.requestUpdate())}}>
+        @click=${e.disabled||u?i:e=>{const t=e;e.target.classList.contains("sub-menu")&&0===t.detail&&(e.stopPropagation(),this.stateController.toggleSubMenu(n),this.requestUpdate())}}>
         <div
           class="sub-menu-header"
-          @mousedown=${e.disabled||h?i:t=>this._handleSubMenuClick(n,e.text,!!e.editable,t)}
-          @click=${e.disabled||h?i:t=>this._handleSubMenuClick(n,e.text,!!e.editable,t)}
+          @mousedown=${e.disabled||u?i:t=>this._handleSubMenuClick(n,e.text,!!e.editable,t)}
+          @click=${e.disabled||u?i:t=>this._handleSubMenuClick(n,e.text,!!e.editable,t)}
           @dblclick=${!e.disabled&&e.editable?t=>this._handleDoubleClick(n,e,t):i}
-          @contextmenu=${!e.disabled&&(null===(o=e.menu)||void 0===o?void 0:o.actions)?t=>this._handleContextMenu(n,e,t):i}>
-          ${b&&e.children&&e.children.length?t`
+          @contextmenu=${!e.disabled&&(null===(s=e.menu)||void 0===s?void 0:s.actions)?t=>this._handleContextMenu(n,e,t):i}>
+          ${p&&e.children&&e.children.length?t`
             <nr-icon
               id="toggle-icon"
-              name="${a?"ChevronDown":"ChevronRight"}"
+              name="${l?"ChevronDown":"ChevronRight"}"
               @mousedown=${e.disabled?i:e=>this._toggleSubMenu(n,e)}
               size="small">
             </nr-icon>
           `:i}
           ${e.icon?t`<nr-icon class="text-icon" name="${e.icon}" size="small"></nr-icon>`:i}
-          ${h?t`
+          ${u?t`
             <input
               type="text"
               class="edit-input"
-              data-edit-path=${l}
+              data-edit-path=${a}
               .value=${this._editingValue}
               @input=${this._handleEditInput}
               @keydown=${t=>this._handleEditKeyDown(n,e.text,t)}
@@ -474,10 +484,10 @@ class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Obje
             />
           `:t`<span class="menu-text" @dblclick=${e.disabled?i:t=>this._handleDoubleClick(n,e,t)}>${e.text}</span>`}
           <div class="icons-container">
-            ${(null===(r=e.status)||void 0===r?void 0:r.icon)?t`
+            ${(null===(o=e.status)||void 0===o?void 0:o.icon)?t`
               <nr-icon name=${e.status.icon} class="status-icon" size="small"></nr-icon>
             `:i}
-            ${(c||u)&&(null===(s=e.menu)||void 0===s?void 0:s.actions)?t`
+            ${(c||d)&&(null===(r=e.menu)||void 0===r?void 0:r.actions)?t`
               <nr-dropdown
                 .items=${this._convertActionsToDropdownItems(e.menu.actions)}
                 trigger="click"
@@ -486,28 +496,28 @@ class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Obje
                 <nr-icon name="${e.menu.icon}" class="action-icon" slot="trigger" size="small"></nr-icon>
               </nr-dropdown>
             `:i}
-            ${!b&&e.children&&e.children.length?t`
+            ${!p&&e.children&&e.children.length?t`
               <nr-icon
                 id="toggle-icon"
-                name="${a?"ChevronDown":"ChevronRight"}"
+                name="${l?"ChevronDown":"ChevronRight"}"
                 @mousedown=${e.disabled?i:e=>this._toggleSubMenu(n,e)}
                 size="small">
               </nr-icon>
             `:i}
           </div>
         </div>
-        <div class="sub-menu-children" style="display: ${a?"block":"none"}">
+        <div class="sub-menu-children" style="display: ${l?"block":"none"}">
           ${e.children?this._renderMenuItems(e.children,n):i}
         </div>
       </ul>
-    `}_renderMenuItems(e,n=[]){return e.map((e,t)=>{const i=[...n,t];return e.children?this._renderSubMenu(e,i):this._renderMenuLink(e,i)})}_renderContextMenu(){if(!this._contextMenuState)return i;const{x:e,y:n,actions:o,path:r}=this._contextMenuState;return t`
+    `}_renderMenuItems(e,t=[]){return e.map((e,i)=>{const n=[...t,i];return e.children?this._renderSubMenu(e,n):this._renderMenuLink(e,n)})}_renderContextMenu(){if(!this._contextMenuState)return i;const{x:e,y:n,actions:s,path:o}=this._contextMenuState;return t`
       <nr-dropdown
         id="context-menu-dropdown"
-        .items=${this._convertActionsToDropdownItems(o)}
+        .items=${this._convertActionsToDropdownItems(s)}
         trigger="manual"
         placement="bottom-start"
         style="position: fixed; top: ${n}px; left: ${e}px; z-index: 9999;"
-        @nr-dropdown-item-click=${e=>this._handleContextMenuAction(r,e)}
+        @nr-dropdown-item-click=${e=>this._handleContextMenuAction(o,e)}
         @nr-dropdown-close=${()=>this._handleContextMenuClose()}
       >
         <span slot="trigger" style="display: block; width: 1px; height: 1px;"></span>
@@ -517,4 +527,4 @@ class c extends a{dispatchMenuEvent(e,n,t={}){try{const i=new CustomEvent(e,Obje
         ${this._renderMenuItems(this.items)}
       </ul>
       ${this._renderContextMenu()}
-    `}};v.styles=u,b([o({type:Array})],v.prototype,"items",void 0),b([o({type:String})],v.prototype,"size",void 0),b([o({type:String})],v.prototype,"arrowPosition",void 0),b([o({type:Object,attribute:!1})],v.prototype,"onLabelEdit",void 0),b([r()],v.prototype,"_contextMenuState",void 0),b([r()],v.prototype,"_editingPath",void 0),b([r()],v.prototype,"_editingValue",void 0),v=b([s("nr-menu")],v);export{v as NrMenuElement};
+    `}};k.useShadowDom=!0,k.styles=a,x([s({type:Array})],k.prototype,"items",void 0),x([s({type:String})],k.prototype,"size",void 0),x([s({type:String})],k.prototype,"arrowPosition",void 0),x([s({type:Object,attribute:!1})],k.prototype,"onLabelEdit",void 0),x([o()],k.prototype,"_contextMenuState",void 0),x([o()],k.prototype,"_editingPath",void 0),x([o()],k.prototype,"_editingValue",void 0),k=x([r("nr-menu")],k);export{k as NrMenuElement};