le-kit 0.3.4 → 0.3.5

package/dist/cjs/le-bar_16.cjs.entry.js

@@ -1694,7 +1694,7 @@ const LeIcon = class {
 };
 LeIcon.style = leIconCss();
 
-const leNavigationCss = () => `:host{display:block;--le-nav-radius:var(--le-radius-md);--le-nav-gap:var(--le-spacing-2);--le-nav-item-padding-x:var(--le-spacing-1);--le-nav-item-padding-y:var(--le-spacing-2);--le-nav-item-gap:var(--le-spacing-2);--le-nav-color:var(--le-color-text-primary);--le-nav-muted:var(--le-color-text-secondary);--le-nav-hover-bg:var(--le-color-gray-100);--le-nav-selected-bg:var(--le-color-primary);--le-nav-selected-color:var(--le-color-primary-contrast)}:host([orientation='horizontal']:not([wrap])){flex:1 1 0%;min-width:0}.nav-vertical{display:flex;flex-direction:column;gap:var(--le-nav-gap)}.nav-search{width:100%}.nav-search-input{--le-input-radius:var(--le-radius-md)}.nav-empty{padding:var(--le-spacing-2);color:var(--le-nav-muted);font-size:var(--le-font-size-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--le-spacing-1)}.nav-row{display:flex;align-items:stretch;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.nav-row:hover{background:var(--le-nav-hover-bg)}.nav-toggle,.nav-toggle-spacer{box-sizing:border-box;width:var(--le-spacing-4);min-width:var(--le-spacing-4);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);color:inherit}.nav-toggle{background:transparent;cursor:pointer;opacity:0.4}.nav-toggle:hover:not(:disabled){opacity:1}.nav-toggle:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px;opacity:1}.nav-chevron{display:inline-block;transition:transform var(--le-transition-fast)}.nav-chevron svg{display:block;width:var(--le-spacing-4);height:var(--le-spacing-4)}.nav-node>div>button>.nav-chevron{transform:rotate(-90deg)}.nav-node.open>div>button>.nav-chevron{transform:rotate(0deg)}.nav-item{flex:1;display:inline-flex;align-items:center;gap:var(--le-nav-item-gap);padding:var(--le-nav-item-padding-y) var(--le-nav-item-padding-x) var(--le-nav-item-padding-y) 0;border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);line-height:var(--le-line-height-tight);cursor:pointer}.nav-item:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-node.selected>.nav-row{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.nav-node.selected>.nav-row>.nav-item{color:inherit}.nav-node.disabled>.nav-row>.nav-item{opacity:0.5;cursor:not-allowed}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-description{color:color-mix(in srgb, var(--le-nav-muted) 90%, transparent);font-size:var(--le-font-size-sm);line-height:var(--le-line-height-tight)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon-end{margin-left:auto}.nav-children{margin-top:var(--le-spacing-1)}.nav-horizontal-wrapper{display:flex;align-items:center;gap:var(--le-spacing-2)}.nav-bar{flex:1 1 0%;min-width:0;--le-bar-gap:var(--le-spacing-2)}.nav-bar.align-end{--le-bar-justify:flex-end}.nav-bar.align-center{--le-bar-justify:center}.nav-bar.align-space-between{--le-bar-justify:space-between}.h-item{display:flex;align-items:center}.h-link{display:inline-flex;align-items:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);cursor:pointer}.h-link:hover{background:var(--le-nav-hover-bg)}.h-link:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.h-link.disabled,.h-trigger.disabled{opacity:0.5;pointer-events:none}.h-link.selected,.h-trigger.selected{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.h-label{white-space:nowrap}.h-trigger{display:inline-flex;align-items:center;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.h-submenu-toggle{width:var(--le-spacing-3);height:var(--le-spacing-3);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);background:transparent;color:currentColor;cursor:pointer}.h-submenu-toggle:hover{background:var(--le-nav-hover-bg)}.overflow-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;color:var(--le-nav-color);cursor:pointer;font-family:var(--le-font-family-base);font-size:var(--le-font-size-md)}.overflow-trigger:hover{background:var(--le-nav-hover-bg)}.overflow-trigger:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-overflow-trigger{display:flex;align-items:center}le-popover::part(content){padding:var(--le-spacing-1)}`;
+const leNavigationCss = () => `:host{display:block;--le-nav-radius:var(--le-radius-md);--le-nav-gap:var(--le-spacing-2);--le-nav-item-padding-x:var(--le-spacing-1);--le-nav-item-padding-y:var(--le-spacing-2);--le-nav-item-gap:var(--le-spacing-2);--le-nav-link-padding-x:var(--le-spacing-2);--le-nav-link-padding-y:var(--le-spacing-1);--le-nav-link-gap:var(--le-spacing-1);--le-nav-color:var(--le-color-text-primary);--le-nav-muted:var(--le-color-text-secondary);--le-nav-hover-bg:var(--le-color-gray-100);--le-nav-selected-bg:var(--le-color-primary);--le-nav-selected-color:var(--le-color-primary-contrast)}:host([orientation='horizontal']:not([wrap])){flex:1 1 0%;min-width:0}.nav-vertical{display:flex;flex-direction:column;gap:var(--le-nav-gap)}.nav-search{width:100%}.nav-search-input{--le-input-radius:var(--le-radius-md)}.nav-empty{padding:var(--le-spacing-2);color:var(--le-nav-muted);font-size:var(--le-font-size-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--le-spacing-1)}.nav-row{display:flex;align-items:stretch;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.nav-row:hover{background:var(--le-nav-hover-bg)}.nav-toggle,.nav-toggle-spacer{box-sizing:border-box;width:var(--le-spacing-4);min-width:var(--le-spacing-4);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);color:inherit}.nav-toggle{background:transparent;cursor:pointer;opacity:0.4}.nav-toggle:hover:not(:disabled){opacity:1}.nav-toggle:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px;opacity:1}.nav-chevron{display:inline-block;transition:transform var(--le-transition-fast)}.nav-chevron svg{display:block;width:var(--le-spacing-4);height:var(--le-spacing-4)}.nav-node>div>button>.nav-chevron{transform:rotate(-90deg)}.nav-node.open>div>button>.nav-chevron{transform:rotate(0deg)}.nav-item{flex:1;display:inline-flex;align-items:center;gap:var(--le-nav-item-gap);padding:var(--le-nav-item-padding-y) var(--le-nav-item-padding-x) var(--le-nav-item-padding-y) 0;border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);line-height:var(--le-line-height-tight);cursor:pointer}.nav-item:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-node.selected>.nav-row{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.nav-node.selected>.nav-row>.nav-item{color:inherit}.nav-node.disabled>.nav-row>.nav-item{opacity:0.5;cursor:not-allowed}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-description{color:color-mix(in srgb, var(--le-nav-muted) 90%, transparent);font-size:var(--le-font-size-sm);line-height:var(--le-line-height-tight)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon-end{margin-left:auto}.nav-children{margin-top:var(--le-spacing-1)}.nav-horizontal-wrapper{display:flex;align-items:center;gap:var(--le-spacing-2)}.nav-bar{flex:1 1 0%;min-width:0;--le-bar-gap:var(--le-spacing-2)}.nav-bar.align-end{--le-bar-justify:flex-end}.nav-bar.align-center{--le-bar-justify:center}.nav-bar.align-space-between{--le-bar-justify:space-between}.h-item{display:flex;align-items:center}.h-link{display:inline-flex;align-items:center;gap:var(--le-nav-link-gap);padding:var(--le-nav-link-padding-y) var(--le-nav-link-padding-x);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);cursor:pointer}.h-link:hover{background:var(--le-nav-hover-bg)}.h-link:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.h-link.disabled,.h-trigger.disabled{opacity:0.5;pointer-events:none}.h-link.selected,.h-trigger.selected{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.h-label{white-space:nowrap}.h-trigger{display:inline-flex;align-items:center;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.h-submenu-toggle{width:var(--le-spacing-3);height:var(--le-spacing-3);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);background:transparent;color:currentColor;cursor:pointer}.h-submenu-toggle:hover{background:var(--le-nav-hover-bg)}.overflow-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;color:var(--le-nav-color);cursor:pointer;font-family:var(--le-font-family-base);font-size:var(--le-font-size-md)}.overflow-trigger:hover{background:var(--le-nav-hover-bg)}.overflow-trigger:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-overflow-trigger{display:flex;align-items:center}le-popover::part(content){padding:var(--le-spacing-1)}`;
 
 const LeNavigation = class {
     constructor(hostRef) {
@@ -1976,7 +1976,7 @@ const LeNavigation = class {
         return (index.h("div", { class: "h-item", "data-bar-id": id }, index.h("le-popover", { ref: el => {
                 if (el)
                     this.popoverRefs.set(submenuId, el);
-            }, mode: "default", showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "start", minWidth: "240px" }, index.h("div", { slot: "trigger", class: utils.classnames('h-trigger', {
+            }, mode: "default", offset: 8, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "start", minWidth: "240px" }, index.h("div", { slot: "trigger", class: utils.classnames('h-trigger', {
                 disabled: item.disabled,
                 selected: item.selected || (this.activeUrl && item.href === this.activeUrl),
             }), part: itemPart, role: "menuitem", "aria-disabled": item.disabled ? 'true' : undefined, onClick: (e) => {
@@ -2041,7 +2041,7 @@ const LeNavigation = class {
         if (itemsToShow.length === 0)
             return null;
         const isHamburger = this.hamburgerActive;
-        return (index.h("le-popover", { mode: "default", open: this.overflowPopoverOpen, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px", onLePopoverClose: this.closeOverflowPopover }, index.h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: isHamburger ? 'hamburger-trigger' : 'more-trigger', "aria-label": isHamburger ? 'Open menu' : 'More', onClick: this.openOverflowPopover }, index.h("slot", { name: isHamburger ? 'hamburger-trigger' : 'more-trigger' }, index.h("le-icon", { name: isHamburger ? 'hamburger' : 'ellipsis-horizontal' }))), index.h("div", { class: "popover-menu" }, this.renderVerticalList(itemsToShow, {
+        return (index.h("le-popover", { mode: "default", offset: 8, open: this.overflowPopoverOpen, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px", onLePopoverClose: this.closeOverflowPopover }, index.h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: isHamburger ? 'hamburger-trigger' : 'more-trigger', "aria-label": isHamburger ? 'Open menu' : 'More', onClick: this.openOverflowPopover }, index.h("slot", { name: isHamburger ? 'hamburger-trigger' : 'more-trigger' }, index.h("le-icon", { name: isHamburger ? 'hamburger' : 'ellipsis-horizontal' }))), index.h("div", { class: "popover-menu" }, this.renderVerticalList(itemsToShow, {
             depth: 0,
             pathPrefix: '',
             closePopover: this.closeOverflowPopover,

package/dist/collection/components/le-navigation/le-navigation.css

@@ -3,10 +3,17 @@
 
   --le-nav-radius: var(--le-radius-md);
   --le-nav-gap: var(--le-spacing-2);
+
+  /* Vertical navigation items variables */
   --le-nav-item-padding-x: var(--le-spacing-1);
   --le-nav-item-padding-y: var(--le-spacing-2);
   --le-nav-item-gap: var(--le-spacing-2);
 
+  /* Horizontal navigation link variables */
+  --le-nav-link-padding-x: var(--le-spacing-2);
+  --le-nav-link-padding-y: var(--le-spacing-1);
+  --le-nav-link-gap: var(--le-spacing-1);
+
   --le-nav-color: var(--le-color-text-primary);
   --le-nav-muted: var(--le-color-text-secondary);
   --le-nav-hover-bg: var(--le-color-gray-100);
@@ -220,8 +227,8 @@
 .h-link {
   display: inline-flex;
   align-items: center;
-  gap: var(--le-spacing-2);
-  padding: var(--le-spacing-2) var(--le-spacing-3);
+  gap: var(--le-nav-link-gap);
+  padding: var(--le-nav-link-padding-y) var(--le-nav-link-padding-x);
   border-radius: var(--le-nav-radius);
   border: 1px solid transparent;
   background: transparent;

package/dist/collection/components/le-navigation/le-navigation.js

@@ -288,7 +288,7 @@ export class LeNavigation {
         return (h("div", { class: "h-item", "data-bar-id": id }, h("le-popover", { ref: el => {
                 if (el)
                     this.popoverRefs.set(submenuId, el);
-            }, mode: "default", showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "start", minWidth: "240px" }, h("div", { slot: "trigger", class: classnames('h-trigger', {
+            }, mode: "default", offset: 8, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "start", minWidth: "240px" }, h("div", { slot: "trigger", class: classnames('h-trigger', {
                 disabled: item.disabled,
                 selected: item.selected || (this.activeUrl && item.href === this.activeUrl),
             }), part: itemPart, role: "menuitem", "aria-disabled": item.disabled ? 'true' : undefined, onClick: (e) => {
@@ -353,7 +353,7 @@ export class LeNavigation {
         if (itemsToShow.length === 0)
             return null;
         const isHamburger = this.hamburgerActive;
-        return (h("le-popover", { mode: "default", open: this.overflowPopoverOpen, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px", onLePopoverClose: this.closeOverflowPopover }, h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: isHamburger ? 'hamburger-trigger' : 'more-trigger', "aria-label": isHamburger ? 'Open menu' : 'More', onClick: this.openOverflowPopover }, h("slot", { name: isHamburger ? 'hamburger-trigger' : 'more-trigger' }, h("le-icon", { name: isHamburger ? 'hamburger' : 'ellipsis-horizontal' }))), h("div", { class: "popover-menu" }, this.renderVerticalList(itemsToShow, {
+        return (h("le-popover", { mode: "default", offset: 8, open: this.overflowPopoverOpen, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px", onLePopoverClose: this.closeOverflowPopover }, h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: isHamburger ? 'hamburger-trigger' : 'more-trigger', "aria-label": isHamburger ? 'Open menu' : 'More', onClick: this.openOverflowPopover }, h("slot", { name: isHamburger ? 'hamburger-trigger' : 'more-trigger' }, h("le-icon", { name: isHamburger ? 'hamburger' : 'ellipsis-horizontal' }))), h("div", { class: "popover-menu" }, this.renderVerticalList(itemsToShow, {
             depth: 0,
             pathPrefix: '',
             closePopover: this.closeOverflowPopover,

package/dist/collection/components/le-navigation/le-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"le-navigation.js","sourceRoot":"","sources":["../../../src/components/le-navigation/le-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EAEL,OAAO,EACP,KAAK,EACL,CAAC,EACD,IAAI,GACL,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA6B3D;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,YAAY;IACZ,EAAE,CAAc;IAE3B;;;OAGG;IACK,KAAK,GAAwB,EAAE,CAAC;IAExC;;OAEG;IACsB,WAAW,GAA8B,YAAY,CAAC;IAE/E;;;OAGG;IACsB,IAAI,GAAY,KAAK,CAAC;IAE/C;;;;OAIG;IACsB,YAAY,GAAyB,MAAM,CAAC;IAErE;;;OAGG;IACK,sBAAsB,GAAW,CAAC,CAAC;IAE3C;;OAEG;IACsB,KAAK,GAAiD,OAAO,CAAC;IAEvF;;OAEG;IACK,SAAS,GAAW,EAAE,CAAC;IAE/B;;OAEG;IACK,UAAU,GAAY,KAAK,CAAC;IAEpC;;OAEG;IACK,iBAAiB,GAAW,WAAW,CAAC;IAEhD;;OAEG;IACK,SAAS,GAAW,kBAAkB,CAAC;IAE/C;;OAEG;IACK,iBAAiB,GAAY,KAAK,CAAC;IAE3C;;;;;OAKG;IAC0B,eAAe,CAA6C;IAEzF;;OAEG;IACM,eAAe,CAA6C;IAEpD,WAAW,GAAW,EAAE,CAAC;IAEzB,SAAS,GAA4B,EAAE,CAAC;IAEzD,uDAAuD;IACtC,WAAW,GAAa,EAAE,CAAC;IAE5C,qDAAqD;IACpC,eAAe,GAAY,KAAK,CAAC;IAEjC,cAAc,GAA2B,EAAE,CAAC;IAE7D,2CAA2C;IAC1B,mBAAmB,GAAY,KAAK,CAAC;IAE9C,WAAW,GAAsC,IAAI,GAAG,EAAE,CAAC;IAE3D,UAAU,GAAW,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE1C,kBAAkB,CAAC,IAAY,EAAE,IAAa;QACpD,MAAM,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAChC,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QAEtB,MAAM,MAAM,GAAG,GAAG;aACf,KAAK,CAAC,KAAK,CAAC;aACZ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;aAC1C,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAErC,OAAO,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC;IAMD,wBAAwB;QACtB,iDAAiD;QACjD,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IAED,oBAAoB;QAClB,oBAAoB;IACtB,CAAC;IAED,IAAY,WAAW;QACrB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC;gBACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAEO,SAAS,CAAC,IAAc,EAAE,IAAY;QAC5C,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,EAAE,CAAC;IACjD,CAAC;IAEO,aAAa,CAAC,IAAc;QAClC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,CAAC;IAEO,MAAM,CAAC,IAAc,EAAE,EAAU;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACrC,IAAI,OAAO,SAAS,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QACrD,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEO,OAAO,CAAC,EAAU,EAAE,IAAa;QACvC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,IAAI;YAAE,OAAO;QACxC,IAAI,CAAC,SAAS,GAAG;YACf,GAAG,IAAI,CAAC,SAAS;YACjB,CAAC,EAAE,CAAC,EAAE,IAAI;SACX,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,MAAgB,EAAE,KAAa;QAClD,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC9B,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YACtC,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CACzD,CAAC;IACJ,CAAC;IAEO,UAAU,CAChB,KAAiB,EACjB,KAAa,EACb,UAAkB,EAClB,QAAqB;QAErB,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,MAAM,GAAe,EAAE,CAAC;QAE9B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAEtC,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC1C,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACjD,MAAM,UAAU,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;gBAC5B,IAAI,UAAU,EAAE,CAAC;oBACf,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACnB,CAAC;gBAED,IAAI,UAAU,IAAI,gBAAgB,KAAK,QAAQ,EAAE,CAAC;oBAChD,MAAM,CAAC,IAAI,CAAC;wBACV,GAAG,IAAI;wBACP,QAAQ,EAAE,gBAAgB;qBAC3B,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,gBAAgB,GAAG,CAAC,CAAa,EAAE,IAAc,EAAE,EAAU,EAAE,EAAE;QACvE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxC,IAAI;YACJ,EAAE;YACF,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,aAAa,EAAE,CAAC;SACjB,CAAC,CAAC;QAEH,IAAI,OAAO,CAAC,gBAAgB,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEM,YAAY,GAAG,CAAC,CAAa,EAAE,IAAc,EAAE,EAAU,EAAE,EAAE;QACnE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,IAAI;YACJ,EAAE;YACF,IAAI,EAAE,IAAI;YACV,aAAa,EAAE,CAAC;SACjB,CAAC,CAAC;IACL,CAAC,CAAC;IAEM,iBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACvC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC;IAEM,wBAAwB,GAAG,CAAC,SAAiB,EAAE,CAAQ,EAAE,EAAE;QACjE,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAE3B,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,KAAK;YAAE,OAAO;QAErD,IAAI,CAAC,cAAc,GAAG;YACpB,GAAG,IAAI,CAAC,cAAc;YACtB,CAAC,SAAS,CAAC,EAAE,KAAK;SACnB,CAAC;QAEF,uCAAuC;QACvC,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;IACjF,CAAC,CAAC;IAEM,uBAAuB,GAAG,CAAC,CAAyC,EAAE,EAAE;QAC9E,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,eAAe,IAAI,KAAK,CAAC;IAC3D,CAAC,CAAC;IAEM,mBAAmB,GAAG,GAAG,EAAE;QACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,CAAC,CAAC;IAEM,oBAAoB,GAAG,GAAG,EAAE;QAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACnC,CAAC,CAAC;IAEM,kBAAkB,CACxB,KAAiB,EACjB,EACE,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,YAAY,GACc;QAE5B,MAAM,KAAK,GAAG,WAAW,IAAI,EAAE,CAAC;QAChC,MAAM,cAAc,GAAG,WAAW,IAAI,IAAI,GAAG,EAAU,CAAC;QAExD,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAE3F,OAAO,CACL,WAAK,KAAK,EAAE,UAAU,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;YAClE,UAAU,IAAI,CACb,WAAK,KAAK,EAAC,YAAY;gBACrB,uBACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAE,iBAAiB,IAAI,WAAW,EAC7C,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CACpB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAErF,CACE,CACP;YAEA,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,WAAK,KAAK,EAAC,WAAW,IAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAO,CAC3D,CAAC,CAAC,CAAC,CACF,UAAI,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,IAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACnE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;gBACxC,MAAM,IAAI,GAAG,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE9E,MAAM,WAAW,GAAG,uCAAuC,KAAK,yBAAyB,CAAC;gBAE1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAC7D,MAAM,KAAK,GACT,OAAO,KAAK,GAAG;oBACb,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE;oBACvC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;gBAE3C,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBAE5D,OAAO,CACL,UACE,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE;wBAC5B,UAAU,EAAE,IAAI,CAAC,QAAQ;wBACzB,UAAU,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC;wBAC7E,IAAI;wBACJ,cAAc,EAAE,WAAW;qBAC5B,CAAC,EACF,GAAG,EAAE,EAAE,EACP,IAAI,EAAC,MAAM;oBAEX,WAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE;wBACxC,WAAW,CAAC,CAAC,CAAC,CACb,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,YAAY,gBACN,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,mBACzB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACtC,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,EAC1D,QAAQ,EAAE,IAAI,CAAC,QAAQ;4BAEvB,eAAS,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,aAAa,iBAAa,MAAM,GAAG,CAC/D,CACV,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,mBAAmB,iBAAa,MAAM,GAAG,CACtD;wBAED,EAAC,OAAO,IACN,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,QAAQ,KACV,KAAK,mBACM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;gCACzB,gEAAgE;gCAChE,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;gCACnC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oCAChD,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;oCAC/B,OAAO;gCACT,CAAC;gCAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE,CAAC;oCACnC,YAAY,EAAE,CAAC;gCACjB,CAAC;4BACH,CAAC;4BAEA,IAAI,CAAC,SAAS,IAAI,CACjB,YAAM,KAAK,EAAC,UAAU,iBAAa,MAAM,IACtC,IAAI,CAAC,SAAS,CACV,CACR;4BACD,YAAM,KAAK,EAAC,UAAU;gCACpB,YAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAQ;gCAC1C,IAAI,CAAC,WAAW,IAAI,CACnB,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,WAAW,CAAQ,CACxD,CACI;4BACN,IAAI,CAAC,OAAO,IAAI,CACf,YAAM,KAAK,EAAC,uBAAuB,iBAAa,MAAM,IACnD,IAAI,CAAC,OAAO,CACR,CACR,CACO,CACN;oBAEL,WAAW,IAAI,CACd,mBAAa,KAAK,EAAC,cAAc,EAAC,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,IAC1E,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE;wBACjC,KAAK,EAAE,KAAK,GAAG,CAAC;wBAChB,UAAU,EAAE,IAAI;wBAChB,WAAW,EAAE,cAAc;wBAC3B,SAAS;wBACT,YAAY;qBACb,CAAC,CACU,CACf,CACE,CACN,CAAC;YACJ,CAAC,CAAC,CACC,CACN,CACG,CACP,CAAC;IACJ,CAAC;IAEO,oBAAoB,CAAC,IAAc,EAAE,KAAa;QACxD,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAExC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC7D,MAAM,KAAK,GACT,OAAO,KAAK,GAAG;gBACb,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE;gBACvC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAE3C,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAE5D,OAAO,CACL,WAAK,KAAK,EAAC,QAAQ,iBAAc,EAAE;gBACjC,EAAC,OAAO,IACN,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE;wBAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC;qBAC5E,CAAC,EACF,IAAI,EAAE,QAAQ,KACV,KAAK,mBACM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC;oBAE7D,IAAI,CAAC,SAAS,IAAI,CACjB,YAAM,KAAK,EAAC,UAAU,iBAAa,MAAM,IACtC,IAAI,CAAC,SAAS,CACV,CACR;oBACD,YAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAQ;oBACxC,IAAI,CAAC,OAAO,IAAI,CACf,YAAM,KAAK,EAAC,uBAAuB,iBAAa,MAAM,IACnD,IAAI,CAAC,OAAO,CACR,CACR,CACO,CACN,CACP,CAAC;QACJ,CAAC;QAED,MAAM,SAAS,GAAG,EAAE,CAAC;QAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5D,OAAO,CACL,WAAK,KAAK,EAAC,QAAQ,iBAAc,EAAE;YACjC,kBACE,GAAG,EAAE,EAAE,CAAC,EAAE;oBACR,IAAI,EAAE;wBAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBAC9C,CAAC,EACD,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,IAAI,EACzB,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,OAAO;gBAEhB,WACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE;wBAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC;qBAC5E,CAAC,EACF,IAAI,EAAE,QAAQ,EACd,IAAI,EAAC,UAAU,mBACA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;wBACzB,8DAA8D;wBAC9D,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,IAAI,IAAI,CAAC,QAAQ;4BAAE,OAAO;wBAE1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;4BACd,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;4BACnC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC;wBAC1C,CAAC;6BAAM,CAAC;4BACN,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;wBAC5C,CAAC;oBACH,CAAC,IAEA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SACE,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;wBACzB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;oBACrC,CAAC;oBAEA,IAAI,CAAC,SAAS,IAAI,CACjB,YAAM,KAAK,EAAC,UAAU,iBAAa,MAAM,IACtC,IAAI,CAAC,SAAS,CACV,CACR;oBACD,YAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAQ;oBACzC,YAAM,KAAK,EAAC,aAAa,iBAAa,MAAM;wBAC1C,eAAS,IAAI,EAAC,cAAc,GAAG,CAC1B,CACL,CACL,CAAC,CAAC,CAAC,CACF,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;wBACzB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,IAAI,IAAI,CAAC,QAAQ;4BAAE,OAAO;wBAC1B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;oBAC5C,CAAC;oBAEA,IAAI,CAAC,SAAS,IAAI,CACjB,YAAM,KAAK,EAAC,UAAU,iBAAa,MAAM,IACtC,IAAI,CAAC,SAAS,CACV,CACR;oBACD,YAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAQ;oBACzC,YAAM,KAAK,EAAC,aAAa,iBAAa,MAAM;wBAC1C,eAAS,IAAI,EAAC,cAAc,GAAG,CAC1B,CACA,CACV,CACG;gBAEN,WAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE;oBACjC,KAAK,EAAE,CAAC;oBACR,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC;oBACzB,UAAU,EAAE,IAAI,CAAC,iBAAiB;oBAClC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,EAAE;oBACjD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;oBACzC,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,SAAS;oBACT,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE;iBAC5D,CAAC,CACE,CACK,CACT,CACP,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,MAAM,CAAC;QAC7B,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAEO,eAAe;QACrB,+CAA+C;QAC/C,iEAAiE;QACjE,IAAI,IAAI,CAAC,KAAK,KAAK,eAAe;YAAE,OAAO,SAAS,CAAC;QACrD,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAEO,qBAAqB;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAC/B,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;QAEpD,+CAA+C;QAC/C,IAAI,WAAuB,CAAC;QAE5B,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,oCAAoC;YACpC,WAAW,GAAG,KAAK,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,2CAA2C;YAC3C,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC/C,OAAO,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAE1C,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC;QAEzC,OAAO,CACL,kBACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAC9B,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,IAAI,EACzB,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,KAAK,EACX,QAAQ,EAAC,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,oBAAoB;YAE3C,cACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,gBAC5C,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC9C,OAAO,EAAE,IAAI,CAAC,mBAAmB;gBAEjC,YAAM,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc;oBAC5D,eAAS,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qBAAqB,GAAI,CAC/D,CACA;YACT,WAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE;gBACpC,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,EAAE;gBACd,YAAY,EAAE,IAAI,CAAC,oBAAoB;aACxC,CAAC,CACE,CACK,CACd,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,MAAM,kBAAkB,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC;QAEvF,OAAO,CACL,WAAK,KAAK,EAAC,wBAAwB;YACjC,cACE,KAAK,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK;oBACjC,cAAc,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;oBACvC,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,eAAe;iBACtD,CAAC,EACF,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,IAAI,CAAC,eAAe,EAAE,EAClC,cAAc,EAAE,IAAI,EACpB,eAAe,EAAE,IAAI,CAAC,sBAAsB,EAC5C,qBAAqB,EAAE,IAAI,CAAC,uBAAuB,IAElD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAC5D;YAGR,kBAAkB,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAC/C,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAE/B,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE,CAAC;YACtC,OAAO,CACL,EAAC,IAAI;gBACH,oBAAc,SAAS,EAAC,eAAe,IAAE,IAAI,CAAC,gBAAgB,EAAE,CAAgB,CAC3E,CACR,CAAC;QACJ,CAAC;QAED,OAAO,CACL,EAAC,IAAI;YACH,oBAAc,SAAS,EAAC,eAAe,IACpC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE;gBAC9B,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,EAAE;gBACd,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,CAAC,CACW,CACV,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport { LeOption } from '../../types/options';\nimport { classnames, generateId } from '../../utils/utils';\nimport { LeBarOverflowChangeDetail } from '../le-bar/le-bar';\n\nexport interface LeNavigationItemSelectDetail {\n  item: LeOption;\n  id: string;\n  href?: string;\n  originalEvent: MouseEvent;\n}\n\nexport interface LeNavigationItemToggleDetail {\n  item: LeOption;\n  id: string;\n  open: boolean;\n  originalEvent: MouseEvent;\n}\n\ninterface VerticalListRenderOptions {\n  depth: number;\n  pathPrefix: string;\n  autoOpenIds?: Set<string>;\n  searchable?: boolean;\n  searchQuery?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  submenuId?: string;\n  closePopover?: () => void;\n}\n\n/**\n * Navigation component with vertical (tree) and horizontal (menu) layouts.\n *\n * - Accepts items as `LeOption[]` or a JSON string.\n * - Supports hierarchical items via `children`.\n * - Supports persisted expansion via `open` on items.\n *\n * @slot hamburger-trigger - Custom trigger contents for the hamburger button\n * @slot more-trigger - Custom trigger contents for the \"More\" button\n *\n * @cmsEditable true\n * @cmsCategory Navigation\n */\n@Component({\n  tag: 'le-navigation',\n  styleUrl: 'le-navigation.css',\n  shadow: true,\n})\nexport class LeNavigation {\n  @Element() el: HTMLElement;\n\n  /**\n   * Navigation items.\n   * Can be passed as an array or JSON string (same pattern as le-select).\n   */\n  @Prop() items: LeOption[] | string = [];\n\n  /**\n   * Layout orientation.\n   */\n  @Prop({ reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * Horizontal wrapping behavior.\n   * If false, overflow behavior depends on `overflowMode`.\n   */\n  @Prop({ reflect: true }) wrap: boolean = false;\n\n  /**\n   * Overflow behavior for horizontal, non-wrapping menus.\n   * - more: moves overflow items into a \"More\" popover\n   * - hamburger: turns the whole nav into a hamburger popover\n   */\n  @Prop({ reflect: true }) overflowMode: 'more' | 'hamburger' = 'more';\n\n  /**\n   * Minimum number of visible top-level items required to use the \"More\" overflow.\n   * If fewer would be visible, the navigation falls back to hamburger.\n   */\n  @Prop() minVisibleItemsForMore: number = 2;\n\n  /**\n   * Alignment of the menu items within the navigation bar.\n   */\n  @Prop({ reflect: true }) align: 'start' | 'end' | 'center' | 'space-between' = 'start';\n\n  /**\n   * Active url for automatic selection.\n   */\n  @Prop() activeUrl: string = '';\n\n  /**\n   * Enables a search input for the vertical navigation.\n   */\n  @Prop() searchable: boolean = false;\n\n  /**\n   * Placeholder text for the search input.\n   */\n  @Prop() searchPlaceholder: string = 'Search...';\n\n  /**\n   * Text shown when no items match the filter.\n   */\n  @Prop() emptyText: string = 'No results found';\n\n  /**\n   * Whether submenu popovers should include a filter input.\n   */\n  @Prop() submenuSearchable: boolean = false;\n\n  /**\n   * Fired when a navigation item is activated.\n   *\n   * This event is cancelable. Call `event.preventDefault()` to prevent\n   * default browser navigation and implement custom routing.\n   */\n  @Event({ cancelable: true }) leNavItemSelect: EventEmitter<LeNavigationItemSelectDetail>;\n\n  /**\n   * Fired when a tree branch is toggled.\n   */\n  @Event() leNavItemToggle: EventEmitter<LeNavigationItemToggleDetail>;\n\n  @State() private searchQuery: string = '';\n\n  @State() private openState: Record<string, boolean> = {};\n\n  /** IDs of items currently in overflow (from le-bar) */\n  @State() private overflowIds: string[] = [];\n\n  /** Whether hamburger mode is active (from le-bar) */\n  @State() private hamburgerActive: boolean = false;\n\n  @State() private submenuQueries: Record<string, string> = {};\n\n  /** Whether the overflow popover is open */\n  @State() private overflowPopoverOpen: boolean = false;\n\n  private popoverRefs: Map<string, HTMLLePopoverElement> = new Map();\n\n  private instanceId: string = generateId('le-nav');\n\n  private partFromOptionPart(base: string, part?: string): string {\n    const raw = (part ?? '').trim();\n    if (!raw) return base;\n\n    const tokens = raw\n      .split(/\\s+/)\n      .map(t => t.replace(/[^a-zA-Z0-9_-]/g, ''))\n      .filter(Boolean);\n\n    if (tokens.length === 0) return base;\n\n    return [base, ...tokens.map(t => `${base}-${t}`)].join(' ');\n  }\n\n  @Watch('items')\n  @Watch('orientation')\n  @Watch('wrap')\n  @Watch('overflowMode')\n  handleLayoutInputsChange() {\n    // Reset overflow state when layout inputs change\n    this.overflowIds = [];\n    this.hamburgerActive = false;\n  }\n\n  disconnectedCallback() {\n    // Cleanup if needed\n  }\n\n  private get parsedItems(): LeOption[] {\n    if (typeof this.items === 'string') {\n      try {\n        return JSON.parse(this.items);\n      } catch {\n        return [];\n      }\n    }\n\n    return this.items;\n  }\n\n  private getItemId(item: LeOption, path: string): string {\n    return item.id ?? `${this.instanceId}:${path}`;\n  }\n\n  private getChildItems(item: LeOption): LeOption[] {\n    return Array.isArray(item.children) ? item.children : [];\n  }\n\n  private isOpen(item: LeOption, id: string): boolean {\n    const fromState = this.openState[id];\n    if (typeof fromState === 'boolean') return fromState;\n    return !!item.open;\n  }\n\n  private setOpen(id: string, open: boolean) {\n    if (this.openState[id] === open) return;\n    this.openState = {\n      ...this.openState,\n      [id]: open,\n    };\n  }\n\n  private matchesQuery(option: LeOption, query: string): boolean {\n    if (!query) return true;\n\n    const q = query.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(q) ||\n      (option.description?.toLowerCase().includes(q) ?? false)\n    );\n  }\n\n  private filterTree(\n    items: LeOption[],\n    query: string,\n    pathPrefix: string,\n    autoOpen: Set<string>,\n  ): LeOption[] {\n    if (!query) return items;\n\n    const result: LeOption[] = [];\n\n    items.forEach((item, index) => {\n      const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);\n      const id = this.getItemId(item, path);\n\n      const children = this.getChildItems(item);\n      const filteredChildren = this.filterTree(children, query, path, autoOpen);\n      const selfMatch = this.matchesQuery(item, query);\n      const childMatch = filteredChildren.length > 0;\n\n      if (selfMatch || childMatch) {\n        if (childMatch) {\n          autoOpen.add(id);\n        }\n\n        if (childMatch && filteredChildren !== children) {\n          result.push({\n            ...item,\n            children: filteredChildren,\n          });\n        } else {\n          result.push(item);\n        }\n      }\n    });\n\n    return result;\n  }\n\n  private handleItemSelect = (e: MouseEvent, item: LeOption, id: string) => {\n    if (item.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    const emitted = this.leNavItemSelect.emit({\n      item,\n      id,\n      href: item.href,\n      originalEvent: e,\n    });\n\n    if (emitted.defaultPrevented) {\n      e.preventDefault();\n    }\n  };\n\n  private handleToggle = (e: MouseEvent, item: LeOption, id: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (item.disabled) return;\n\n    const next = !this.isOpen(item, id);\n    this.setOpen(id, next);\n\n    this.leNavItemToggle.emit({\n      item,\n      id,\n      open: next,\n      originalEvent: e,\n    });\n  };\n\n  private handleSearchInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n  };\n\n  private handleSubmenuSearchInput = (submenuId: string, e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (this.submenuQueries[submenuId] === value) return;\n\n    this.submenuQueries = {\n      ...this.submenuQueries,\n      [submenuId]: value,\n    };\n\n    // Position may change as items filter.\n    requestAnimationFrame(() => this.popoverRefs.get(submenuId)?.updatePosition());\n  };\n\n  private handleBarOverflowChange = (e: CustomEvent<LeBarOverflowChangeDetail>) => {\n    this.overflowIds = e.detail.overflowingIds || [];\n    this.hamburgerActive = e.detail.hamburgerActive || false;\n  };\n\n  private openOverflowPopover = () => {\n    this.overflowPopoverOpen = true;\n  };\n\n  private closeOverflowPopover = () => {\n    this.overflowPopoverOpen = false;\n  };\n\n  private renderVerticalList(\n    items: LeOption[],\n    {\n      depth,\n      pathPrefix,\n      autoOpenIds,\n      searchable,\n      searchQuery,\n      searchPlaceholder,\n      emptyText,\n      submenuId,\n      closePopover,\n    }: VerticalListRenderOptions,\n  ) {\n    const query = searchQuery ?? '';\n    const openFromSearch = autoOpenIds ?? new Set<string>();\n\n    const filtered = query ? this.filterTree(items, query, pathPrefix, openFromSearch) : items;\n\n    return (\n      <div class={classnames('nav-vertical', { 'is-submenu': !!submenuId })}>\n        {searchable && (\n          <div class=\"nav-search\">\n            <le-string-input\n              mode=\"default\"\n              class=\"nav-search-input\"\n              placeholder={searchPlaceholder ?? 'Search...'}\n              value={query}\n              onInput={(e: Event) =>\n                submenuId ? this.handleSubmenuSearchInput(submenuId, e) : this.handleSearchInput(e)\n              }\n            />\n          </div>\n        )}\n\n        {filtered.length === 0 ? (\n          <div class=\"nav-empty\">{emptyText ?? this.emptyText}</div>\n        ) : (\n          <ul class=\"nav-list\" role=\"tree\">\n            {filtered.map((item, index) => {\n              const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);\n              const id = this.getItemId(item, path);\n              const children = this.getChildItems(item);\n              const hasChildren = children.length > 0;\n              const open = hasChildren && (this.isOpen(item, id) || openFromSearch.has(id));\n\n              const paddingLeft = `calc(var(--le-nav-item-padding-x) + ${depth} * var(--le-spacing-4))`;\n\n              const TagType = item.href && !item.disabled ? 'a' : 'button';\n              const attrs =\n                TagType === 'a'\n                  ? { href: item.href, role: 'treeitem' }\n                  : { type: 'button', role: 'treeitem' };\n\n              const itemPart = this.partFromOptionPart('item', item.part);\n\n              return (\n                <li\n                  class={classnames('nav-node', {\n                    'disabled': item.disabled,\n                    'selected': item.selected || (this.activeUrl && item.href === this.activeUrl),\n                    open,\n                    'has-children': hasChildren,\n                  })}\n                  key={id}\n                  role=\"none\"\n                >\n                  <div class=\"nav-row\" style={{ paddingLeft }}>\n                    {hasChildren ? (\n                      <button\n                        type=\"button\"\n                        class=\"nav-toggle\"\n                        aria-label={open ? 'Collapse' : 'Expand'}\n                        aria-expanded={open ? 'true' : 'false'}\n                        onClick={(e: MouseEvent) => this.handleToggle(e, item, id)}\n                        disabled={item.disabled}\n                      >\n                        <le-icon name=\"chevron-down\" class=\"nav-chevron\" aria-hidden=\"true\" />\n                      </button>\n                    ) : (\n                      <span class=\"nav-toggle-spacer\" aria-hidden=\"true\" />\n                    )}\n\n                    <TagType\n                      class=\"nav-item\"\n                      part={itemPart}\n                      {...attrs}\n                      aria-disabled={item.disabled ? 'true' : undefined}\n                      onClick={(e: MouseEvent) => {\n                        // For buttons, also toggle if this is a purely structural node.\n                        this.handleItemSelect(e, item, id);\n                        if (!item.href && hasChildren && !item.disabled) {\n                          this.handleToggle(e, item, id);\n                          return;\n                        }\n\n                        if (!item.disabled && closePopover) {\n                          closePopover();\n                        }\n                      }}\n                    >\n                      {item.iconStart && (\n                        <span class=\"nav-icon\" aria-hidden=\"true\">\n                          {item.iconStart}\n                        </span>\n                      )}\n                      <span class=\"nav-text\">\n                        <span class=\"nav-label\">{item.label}</span>\n                        {item.description && (\n                          <span class=\"nav-description\">{item.description}</span>\n                        )}\n                      </span>\n                      {item.iconEnd && (\n                        <span class=\"nav-icon nav-icon-end\" aria-hidden=\"true\">\n                          {item.iconEnd}\n                        </span>\n                      )}\n                    </TagType>\n                  </div>\n\n                  {hasChildren && (\n                    <le-collapse class=\"nav-children\" closed={!open} noFading={true} role=\"group\">\n                      {this.renderVerticalList(children, {\n                        depth: depth + 1,\n                        pathPrefix: path,\n                        autoOpenIds: openFromSearch,\n                        submenuId,\n                        closePopover,\n                      })}\n                    </le-collapse>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    );\n  }\n\n  private renderHorizontalItem(item: LeOption, index: number) {\n    const id = this.getItemId(item, String(index));\n    const children = this.getChildItems(item);\n    const hasChildren = children.length > 0;\n\n    if (!hasChildren) {\n      const TagType = item.href && !item.disabled ? 'a' : 'button';\n      const attrs =\n        TagType === 'a'\n          ? { href: item.href, role: 'menuitem' }\n          : { type: 'button', role: 'menuitem' };\n\n      const itemPart = this.partFromOptionPart('item', item.part);\n\n      return (\n        <div class=\"h-item\" data-bar-id={id}>\n          <TagType\n            class={classnames('h-link', {\n              disabled: item.disabled,\n              selected: item.selected || (this.activeUrl && item.href === this.activeUrl),\n            })}\n            part={itemPart}\n            {...attrs}\n            aria-disabled={item.disabled ? 'true' : undefined}\n            onClick={(e: MouseEvent) => this.handleItemSelect(e, item, id)}\n          >\n            {item.iconStart && (\n              <span class=\"nav-icon\" aria-hidden=\"true\">\n                {item.iconStart}\n              </span>\n            )}\n            <span class=\"h-label\">{item.label}</span>\n            {item.iconEnd && (\n              <span class=\"nav-icon nav-icon-end\" aria-hidden=\"true\">\n                {item.iconEnd}\n              </span>\n            )}\n          </TagType>\n        </div>\n      );\n    }\n\n    const submenuId = id;\n\n    const itemPart = this.partFromOptionPart('item', item.part);\n\n    return (\n      <div class=\"h-item\" data-bar-id={id}>\n        <le-popover\n          ref={el => {\n            if (el) this.popoverRefs.set(submenuId, el);\n          }}\n          mode=\"default\"\n          showClose={false}\n          closeOnClickOutside={true}\n          closeOnEscape={true}\n          position=\"bottom\"\n          align=\"start\"\n          minWidth=\"240px\"\n        >\n          <div\n            slot=\"trigger\"\n            class={classnames('h-trigger', {\n              disabled: item.disabled,\n              selected: item.selected || (this.activeUrl && item.href === this.activeUrl),\n            })}\n            part={itemPart}\n            role=\"menuitem\"\n            aria-disabled={item.disabled ? 'true' : undefined}\n            onClick={(e: MouseEvent) => {\n              // Don’t let le-popover auto-toggle from its internal wrapper.\n              e.stopPropagation();\n              if (item.disabled) return;\n\n              if (item.href) {\n                this.handleItemSelect(e, item, id);\n                this.popoverRefs.get(submenuId)?.hide();\n              } else {\n                this.popoverRefs.get(submenuId)?.toggle();\n              }\n            }}\n          >\n            {item.href ? (\n              <a\n                class=\"h-link\"\n                href={item.href}\n                onClick={(e: MouseEvent) => {\n                  e.stopPropagation();\n                  this.handleItemSelect(e, item, id);\n                }}\n              >\n                {item.iconStart && (\n                  <span class=\"nav-icon\" aria-hidden=\"true\">\n                    {item.iconStart}\n                  </span>\n                )}\n                <span class=\"h-label\">{item.label}</span>\n                <span class=\"nav-chevron\" aria-hidden=\"true\">\n                  <le-icon name=\"chevron-down\" />\n                </span>\n              </a>\n            ) : (\n              <button\n                type=\"button\"\n                class=\"h-link\"\n                onClick={(e: MouseEvent) => {\n                  e.stopPropagation();\n                  if (item.disabled) return;\n                  this.popoverRefs.get(submenuId)?.toggle();\n                }}\n              >\n                {item.iconStart && (\n                  <span class=\"nav-icon\" aria-hidden=\"true\">\n                    {item.iconStart}\n                  </span>\n                )}\n                <span class=\"h-label\">{item.label}</span>\n                <span class=\"nav-chevron\" aria-hidden=\"true\">\n                  <le-icon name=\"chevron-down\" />\n                </span>\n              </button>\n            )}\n          </div>\n\n          <div class=\"popover-menu\">\n            {this.renderVerticalList(children, {\n              depth: 0,\n              pathPrefix: String(index),\n              searchable: this.submenuSearchable,\n              searchQuery: this.submenuQueries[submenuId] ?? '',\n              searchPlaceholder: this.searchPlaceholder,\n              emptyText: this.emptyText,\n              submenuId,\n              closePopover: () => this.popoverRefs.get(submenuId)?.hide(),\n            })}\n          </div>\n        </le-popover>\n      </div>\n    );\n  }\n\n  private getOverflowMode(): 'more' | 'scroll' | 'hamburger' | 'wrap' {\n    if (this.wrap) return 'wrap';\n    return this.overflowMode;\n  }\n\n  private getBarAlignment(): 'start' | 'end' | 'center' | 'stretch' {\n    // Map le-navigation align to le-bar alignItems\n    // 'space-between' doesn't map directly, use 'stretch' as closest\n    if (this.align === 'space-between') return 'stretch';\n    return this.align;\n  }\n\n  private renderOverflowPopover() {\n    const items = this.parsedItems;\n    const overflowSet = new Set(this.overflowIds || []);\n\n    // Determine which items to show in the popover\n    let itemsToShow: LeOption[];\n\n    if (this.hamburgerActive) {\n      // In hamburger mode, show all items\n      itemsToShow = items;\n    } else {\n      // In \"more\" mode, show only overflow items\n      itemsToShow = items.filter((item, index) => {\n        const id = this.getItemId(item, String(index));\n        return overflowSet.has(id);\n      });\n    }\n\n    if (itemsToShow.length === 0) return null;\n\n    const isHamburger = this.hamburgerActive;\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.overflowPopoverOpen}\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        position=\"bottom\"\n        align=\"end\"\n        minWidth=\"260px\"\n        onLePopoverClose={this.closeOverflowPopover}\n      >\n        <button\n          slot=\"trigger\"\n          type=\"button\"\n          class=\"overflow-trigger\"\n          part={isHamburger ? 'hamburger-trigger' : 'more-trigger'}\n          aria-label={isHamburger ? 'Open menu' : 'More'}\n          onClick={this.openOverflowPopover}\n        >\n          <slot name={isHamburger ? 'hamburger-trigger' : 'more-trigger'}>\n            <le-icon name={isHamburger ? 'hamburger' : 'ellipsis-horizontal'} />\n          </slot>\n        </button>\n        <div class=\"popover-menu\">\n          {this.renderVerticalList(itemsToShow, {\n            depth: 0,\n            pathPrefix: '',\n            closePopover: this.closeOverflowPopover,\n          })}\n        </div>\n      </le-popover>\n    );\n  }\n\n  private renderHorizontal() {\n    const items = this.parsedItems;\n    const overflowMode = this.getOverflowMode();\n    const showOverflowButton = (this.overflowIds?.length ?? 0) > 0 || this.hamburgerActive;\n\n    return (\n      <div class=\"nav-horizontal-wrapper\">\n        <le-bar\n          class={classnames('nav-bar', {\n            'align-end': this.align === 'end',\n            'align-center': this.align === 'center',\n            'align-space-between': this.align === 'space-between',\n          })}\n          overflow={overflowMode}\n          alignItems={this.getBarAlignment()}\n          disablePopover={true}\n          minVisibleItems={this.minVisibleItemsForMore}\n          onLeBarOverflowChange={this.handleBarOverflowChange}\n        >\n          {items.map((item, index) => this.renderHorizontalItem(item, index))}\n        </le-bar>\n\n        {/* Overflow popover - rendered outside le-bar to have full control over content */}\n        {showOverflowButton && this.renderOverflowPopover()}\n      </div>\n    );\n  }\n\n  render() {\n    const items = this.parsedItems;\n\n    if (this.orientation === 'horizontal') {\n      return (\n        <Host>\n          <le-component component=\"le-navigation\">{this.renderHorizontal()}</le-component>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <le-component component=\"le-navigation\">\n          {this.renderVerticalList(items, {\n            depth: 0,\n            pathPrefix: '',\n            searchable: this.searchable,\n            searchQuery: this.searchQuery,\n            searchPlaceholder: this.searchPlaceholder,\n            emptyText: this.emptyText,\n          })}\n        </le-component>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"le-navigation.js","sourceRoot":"","sources":["../../../src/components/le-navigation/le-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport { LeOption } from '../../types/options';\nimport { classnames, generateId } from '../../utils/utils';\nimport { LeBarOverflowChangeDetail } from '../le-bar/le-bar';\n\nexport interface LeNavigationItemSelectDetail {\n  item: LeOption;\n  id: string;\n  href?: string;\n  originalEvent: MouseEvent;\n}\n\nexport interface LeNavigationItemToggleDetail {\n  item: LeOption;\n  id: string;\n  open: boolean;\n  originalEvent: MouseEvent;\n}\n\ninterface VerticalListRenderOptions {\n  depth: number;\n  pathPrefix: string;\n  autoOpenIds?: Set<string>;\n  searchable?: boolean;\n  searchQuery?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  submenuId?: string;\n  closePopover?: () => void;\n}\n\n/**\n * Navigation component with vertical (tree) and horizontal (menu) layouts.\n *\n * - Accepts items as `LeOption[]` or a JSON string.\n * - Supports hierarchical items via `children`.\n * - Supports persisted expansion via `open` on items.\n *\n * @slot hamburger-trigger - Custom trigger contents for the hamburger button\n * @slot more-trigger - Custom trigger contents for the \"More\" button\n *\n * @cmsEditable true\n * @cmsCategory Navigation\n */\n@Component({\n  tag: 'le-navigation',\n  styleUrl: 'le-navigation.css',\n  shadow: true,\n})\nexport class LeNavigation {\n  @Element() el: HTMLElement;\n\n  /**\n   * Navigation items.\n   * Can be passed as an array or JSON string (same pattern as le-select).\n   */\n  @Prop() items: LeOption[] | string = [];\n\n  /**\n   * Layout orientation.\n   */\n  @Prop({ reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * Horizontal wrapping behavior.\n   * If false, overflow behavior depends on `overflowMode`.\n   */\n  @Prop({ reflect: true }) wrap: boolean = false;\n\n  /**\n   * Overflow behavior for horizontal, non-wrapping menus.\n   * - more: moves overflow items into a \"More\" popover\n   * - hamburger: turns the whole nav into a hamburger popover\n   */\n  @Prop({ reflect: true }) overflowMode: 'more' | 'hamburger' = 'more';\n\n  /**\n   * Minimum number of visible top-level items required to use the \"More\" overflow.\n   * If fewer would be visible, the navigation falls back to hamburger.\n   */\n  @Prop() minVisibleItemsForMore: number = 2;\n\n  /**\n   * Alignment of the menu items within the navigation bar.\n   */\n  @Prop({ reflect: true }) align: 'start' | 'end' | 'center' | 'space-between' = 'start';\n\n  /**\n   * Active url for automatic selection.\n   */\n  @Prop() activeUrl: string = '';\n\n  /**\n   * Enables a search input for the vertical navigation.\n   */\n  @Prop() searchable: boolean = false;\n\n  /**\n   * Placeholder text for the search input.\n   */\n  @Prop() searchPlaceholder: string = 'Search...';\n\n  /**\n   * Text shown when no items match the filter.\n   */\n  @Prop() emptyText: string = 'No results found';\n\n  /**\n   * Whether submenu popovers should include a filter input.\n   */\n  @Prop() submenuSearchable: boolean = false;\n\n  /**\n   * Fired when a navigation item is activated.\n   *\n   * This event is cancelable. Call `event.preventDefault()` to prevent\n   * default browser navigation and implement custom routing.\n   */\n  @Event({ cancelable: true }) leNavItemSelect: EventEmitter<LeNavigationItemSelectDetail>;\n\n  /**\n   * Fired when a tree branch is toggled.\n   */\n  @Event() leNavItemToggle: EventEmitter<LeNavigationItemToggleDetail>;\n\n  @State() private searchQuery: string = '';\n\n  @State() private openState: Record<string, boolean> = {};\n\n  /** IDs of items currently in overflow (from le-bar) */\n  @State() private overflowIds: string[] = [];\n\n  /** Whether hamburger mode is active (from le-bar) */\n  @State() private hamburgerActive: boolean = false;\n\n  @State() private submenuQueries: Record<string, string> = {};\n\n  /** Whether the overflow popover is open */\n  @State() private overflowPopoverOpen: boolean = false;\n\n  private popoverRefs: Map<string, HTMLLePopoverElement> = new Map();\n\n  private instanceId: string = generateId('le-nav');\n\n  private partFromOptionPart(base: string, part?: string): string {\n    const raw = (part ?? '').trim();\n    if (!raw) return base;\n\n    const tokens = raw\n      .split(/\\s+/)\n      .map(t => t.replace(/[^a-zA-Z0-9_-]/g, ''))\n      .filter(Boolean);\n\n    if (tokens.length === 0) return base;\n\n    return [base, ...tokens.map(t => `${base}-${t}`)].join(' ');\n  }\n\n  @Watch('items')\n  @Watch('orientation')\n  @Watch('wrap')\n  @Watch('overflowMode')\n  handleLayoutInputsChange() {\n    // Reset overflow state when layout inputs change\n    this.overflowIds = [];\n    this.hamburgerActive = false;\n  }\n\n  disconnectedCallback() {\n    // Cleanup if needed\n  }\n\n  private get parsedItems(): LeOption[] {\n    if (typeof this.items === 'string') {\n      try {\n        return JSON.parse(this.items);\n      } catch {\n        return [];\n      }\n    }\n\n    return this.items;\n  }\n\n  private getItemId(item: LeOption, path: string): string {\n    return item.id ?? `${this.instanceId}:${path}`;\n  }\n\n  private getChildItems(item: LeOption): LeOption[] {\n    return Array.isArray(item.children) ? item.children : [];\n  }\n\n  private isOpen(item: LeOption, id: string): boolean {\n    const fromState = this.openState[id];\n    if (typeof fromState === 'boolean') return fromState;\n    return !!item.open;\n  }\n\n  private setOpen(id: string, open: boolean) {\n    if (this.openState[id] === open) return;\n    this.openState = {\n      ...this.openState,\n      [id]: open,\n    };\n  }\n\n  private matchesQuery(option: LeOption, query: string): boolean {\n    if (!query) return true;\n\n    const q = query.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(q) ||\n      (option.description?.toLowerCase().includes(q) ?? false)\n    );\n  }\n\n  private filterTree(\n    items: LeOption[],\n    query: string,\n    pathPrefix: string,\n    autoOpen: Set<string>,\n  ): LeOption[] {\n    if (!query) return items;\n\n    const result: LeOption[] = [];\n\n    items.forEach((item, index) => {\n      const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);\n      const id = this.getItemId(item, path);\n\n      const children = this.getChildItems(item);\n      const filteredChildren = this.filterTree(children, query, path, autoOpen);\n      const selfMatch = this.matchesQuery(item, query);\n      const childMatch = filteredChildren.length > 0;\n\n      if (selfMatch || childMatch) {\n        if (childMatch) {\n          autoOpen.add(id);\n        }\n\n        if (childMatch && filteredChildren !== children) {\n          result.push({\n            ...item,\n            children: filteredChildren,\n          });\n        } else {\n          result.push(item);\n        }\n      }\n    });\n\n    return result;\n  }\n\n  private handleItemSelect = (e: MouseEvent, item: LeOption, id: string) => {\n    if (item.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    const emitted = this.leNavItemSelect.emit({\n      item,\n      id,\n      href: item.href,\n      originalEvent: e,\n    });\n\n    if (emitted.defaultPrevented) {\n      e.preventDefault();\n    }\n  };\n\n  private handleToggle = (e: MouseEvent, item: LeOption, id: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (item.disabled) return;\n\n    const next = !this.isOpen(item, id);\n    this.setOpen(id, next);\n\n    this.leNavItemToggle.emit({\n      item,\n      id,\n      open: next,\n      originalEvent: e,\n    });\n  };\n\n  private handleSearchInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n  };\n\n  private handleSubmenuSearchInput = (submenuId: string, e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (this.submenuQueries[submenuId] === value) return;\n\n    this.submenuQueries = {\n      ...this.submenuQueries,\n      [submenuId]: value,\n    };\n\n    // Position may change as items filter.\n    requestAnimationFrame(() => this.popoverRefs.get(submenuId)?.updatePosition());\n  };\n\n  private handleBarOverflowChange = (e: CustomEvent<LeBarOverflowChangeDetail>) => {\n    this.overflowIds = e.detail.overflowingIds || [];\n    this.hamburgerActive = e.detail.hamburgerActive || false;\n  };\n\n  private openOverflowPopover = () => {\n    this.overflowPopoverOpen = true;\n  };\n\n  private closeOverflowPopover = () => {\n    this.overflowPopoverOpen = false;\n  };\n\n  private renderVerticalList(\n    items: LeOption[],\n    {\n      depth,\n      pathPrefix,\n      autoOpenIds,\n      searchable,\n      searchQuery,\n      searchPlaceholder,\n      emptyText,\n      submenuId,\n      closePopover,\n    }: VerticalListRenderOptions,\n  ) {\n    const query = searchQuery ?? '';\n    const openFromSearch = autoOpenIds ?? new Set<string>();\n\n    const filtered = query ? this.filterTree(items, query, pathPrefix, openFromSearch) : items;\n\n    return (\n      <div class={classnames('nav-vertical', { 'is-submenu': !!submenuId })}>\n        {searchable && (\n          <div class=\"nav-search\">\n            <le-string-input\n              mode=\"default\"\n              class=\"nav-search-input\"\n              placeholder={searchPlaceholder ?? 'Search...'}\n              value={query}\n              onInput={(e: Event) =>\n                submenuId ? this.handleSubmenuSearchInput(submenuId, e) : this.handleSearchInput(e)\n              }\n            />\n          </div>\n        )}\n\n        {filtered.length === 0 ? (\n          <div class=\"nav-empty\">{emptyText ?? this.emptyText}</div>\n        ) : (\n          <ul class=\"nav-list\" role=\"tree\">\n            {filtered.map((item, index) => {\n              const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);\n              const id = this.getItemId(item, path);\n              const children = this.getChildItems(item);\n              const hasChildren = children.length > 0;\n              const open = hasChildren && (this.isOpen(item, id) || openFromSearch.has(id));\n\n              const paddingLeft = `calc(var(--le-nav-item-padding-x) + ${depth} * var(--le-spacing-4))`;\n\n              const TagType = item.href && !item.disabled ? 'a' : 'button';\n              const attrs =\n                TagType === 'a'\n                  ? { href: item.href, role: 'treeitem' }\n                  : { type: 'button', role: 'treeitem' };\n\n              const itemPart = this.partFromOptionPart('item', item.part);\n\n              return (\n                <li\n                  class={classnames('nav-node', {\n                    'disabled': item.disabled,\n                    'selected': item.selected || (this.activeUrl && item.href === this.activeUrl),\n                    open,\n                    'has-children': hasChildren,\n                  })}\n                  key={id}\n                  role=\"none\"\n                >\n                  <div class=\"nav-row\" style={{ paddingLeft }}>\n                    {hasChildren ? (\n                      <button\n                        type=\"button\"\n                        class=\"nav-toggle\"\n                        aria-label={open ? 'Collapse' : 'Expand'}\n                        aria-expanded={open ? 'true' : 'false'}\n                        onClick={(e: MouseEvent) => this.handleToggle(e, item, id)}\n                        disabled={item.disabled}\n                      >\n                        <le-icon name=\"chevron-down\" class=\"nav-chevron\" aria-hidden=\"true\" />\n                      </button>\n                    ) : (\n                      <span class=\"nav-toggle-spacer\" aria-hidden=\"true\" />\n                    )}\n\n                    <TagType\n                      class=\"nav-item\"\n                      part={itemPart}\n                      {...attrs}\n                      aria-disabled={item.disabled ? 'true' : undefined}\n                      onClick={(e: MouseEvent) => {\n                        // For buttons, also toggle if this is a purely structural node.\n                        this.handleItemSelect(e, item, id);\n                        if (!item.href && hasChildren && !item.disabled) {\n                          this.handleToggle(e, item, id);\n                          return;\n                        }\n\n                        if (!item.disabled && closePopover) {\n                          closePopover();\n                        }\n                      }}\n                    >\n                      {item.iconStart && (\n                        <span class=\"nav-icon\" aria-hidden=\"true\">\n                          {item.iconStart}\n                        </span>\n                      )}\n                      <span class=\"nav-text\">\n                        <span class=\"nav-label\">{item.label}</span>\n                        {item.description && (\n                          <span class=\"nav-description\">{item.description}</span>\n                        )}\n                      </span>\n                      {item.iconEnd && (\n                        <span class=\"nav-icon nav-icon-end\" aria-hidden=\"true\">\n                          {item.iconEnd}\n                        </span>\n                      )}\n                    </TagType>\n                  </div>\n\n                  {hasChildren && (\n                    <le-collapse class=\"nav-children\" closed={!open} noFading={true} role=\"group\">\n                      {this.renderVerticalList(children, {\n                        depth: depth + 1,\n                        pathPrefix: path,\n                        autoOpenIds: openFromSearch,\n                        submenuId,\n                        closePopover,\n                      })}\n                    </le-collapse>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    );\n  }\n\n  private renderHorizontalItem(item: LeOption, index: number) {\n    const id = this.getItemId(item, String(index));\n    const children = this.getChildItems(item);\n    const hasChildren = children.length > 0;\n\n    if (!hasChildren) {\n      const TagType = item.href && !item.disabled ? 'a' : 'button';\n      const attrs =\n        TagType === 'a'\n          ? { href: item.href, role: 'menuitem' }\n          : { type: 'button', role: 'menuitem' };\n\n      const itemPart = this.partFromOptionPart('item', item.part);\n\n      return (\n        <div class=\"h-item\" data-bar-id={id}>\n          <TagType\n            class={classnames('h-link', {\n              disabled: item.disabled,\n              selected: item.selected || (this.activeUrl && item.href === this.activeUrl),\n            })}\n            part={itemPart}\n            {...attrs}\n            aria-disabled={item.disabled ? 'true' : undefined}\n            onClick={(e: MouseEvent) => this.handleItemSelect(e, item, id)}\n          >\n            {item.iconStart && (\n              <span class=\"nav-icon\" aria-hidden=\"true\">\n                {item.iconStart}\n              </span>\n            )}\n            <span class=\"h-label\">{item.label}</span>\n            {item.iconEnd && (\n              <span class=\"nav-icon nav-icon-end\" aria-hidden=\"true\">\n                {item.iconEnd}\n              </span>\n            )}\n          </TagType>\n        </div>\n      );\n    }\n\n    const submenuId = id;\n\n    const itemPart = this.partFromOptionPart('item', item.part);\n\n    return (\n      <div class=\"h-item\" data-bar-id={id}>\n        <le-popover\n          ref={el => {\n            if (el) this.popoverRefs.set(submenuId, el);\n          }}\n          mode=\"default\"\n          offset={8}\n          showClose={false}\n          closeOnClickOutside={true}\n          closeOnEscape={true}\n          position=\"bottom\"\n          align=\"start\"\n          minWidth=\"240px\"\n        >\n          <div\n            slot=\"trigger\"\n            class={classnames('h-trigger', {\n              disabled: item.disabled,\n              selected: item.selected || (this.activeUrl && item.href === this.activeUrl),\n            })}\n            part={itemPart}\n            role=\"menuitem\"\n            aria-disabled={item.disabled ? 'true' : undefined}\n            onClick={(e: MouseEvent) => {\n              // Don’t let le-popover auto-toggle from its internal wrapper.\n              e.stopPropagation();\n              if (item.disabled) return;\n\n              if (item.href) {\n                this.handleItemSelect(e, item, id);\n                this.popoverRefs.get(submenuId)?.hide();\n              } else {\n                this.popoverRefs.get(submenuId)?.toggle();\n              }\n            }}\n          >\n            {item.href ? (\n              <a\n                class=\"h-link\"\n                href={item.href}\n                onClick={(e: MouseEvent) => {\n                  e.stopPropagation();\n                  this.handleItemSelect(e, item, id);\n                }}\n              >\n                {item.iconStart && (\n                  <span class=\"nav-icon\" aria-hidden=\"true\">\n                    {item.iconStart}\n                  </span>\n                )}\n                <span class=\"h-label\">{item.label}</span>\n                <span class=\"nav-chevron\" aria-hidden=\"true\">\n                  <le-icon name=\"chevron-down\" />\n                </span>\n              </a>\n            ) : (\n              <button\n                type=\"button\"\n                class=\"h-link\"\n                onClick={(e: MouseEvent) => {\n                  e.stopPropagation();\n                  if (item.disabled) return;\n                  this.popoverRefs.get(submenuId)?.toggle();\n                }}\n              >\n                {item.iconStart && (\n                  <span class=\"nav-icon\" aria-hidden=\"true\">\n                    {item.iconStart}\n                  </span>\n                )}\n                <span class=\"h-label\">{item.label}</span>\n                <span class=\"nav-chevron\" aria-hidden=\"true\">\n                  <le-icon name=\"chevron-down\" />\n                </span>\n              </button>\n            )}\n          </div>\n\n          <div class=\"popover-menu\">\n            {this.renderVerticalList(children, {\n              depth: 0,\n              pathPrefix: String(index),\n              searchable: this.submenuSearchable,\n              searchQuery: this.submenuQueries[submenuId] ?? '',\n              searchPlaceholder: this.searchPlaceholder,\n              emptyText: this.emptyText,\n              submenuId,\n              closePopover: () => this.popoverRefs.get(submenuId)?.hide(),\n            })}\n          </div>\n        </le-popover>\n      </div>\n    );\n  }\n\n  private getOverflowMode(): 'more' | 'scroll' | 'hamburger' | 'wrap' {\n    if (this.wrap) return 'wrap';\n    return this.overflowMode;\n  }\n\n  private getBarAlignment(): 'start' | 'end' | 'center' | 'stretch' {\n    // Map le-navigation align to le-bar alignItems\n    // 'space-between' doesn't map directly, use 'stretch' as closest\n    if (this.align === 'space-between') return 'stretch';\n    return this.align;\n  }\n\n  private renderOverflowPopover() {\n    const items = this.parsedItems;\n    const overflowSet = new Set(this.overflowIds || []);\n\n    // Determine which items to show in the popover\n    let itemsToShow: LeOption[];\n\n    if (this.hamburgerActive) {\n      // In hamburger mode, show all items\n      itemsToShow = items;\n    } else {\n      // In \"more\" mode, show only overflow items\n      itemsToShow = items.filter((item, index) => {\n        const id = this.getItemId(item, String(index));\n        return overflowSet.has(id);\n      });\n    }\n\n    if (itemsToShow.length === 0) return null;\n\n    const isHamburger = this.hamburgerActive;\n\n    return (\n      <le-popover\n        mode=\"default\"\n        offset={8}\n        open={this.overflowPopoverOpen}\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        position=\"bottom\"\n        align=\"end\"\n        minWidth=\"260px\"\n        onLePopoverClose={this.closeOverflowPopover}\n      >\n        <button\n          slot=\"trigger\"\n          type=\"button\"\n          class=\"overflow-trigger\"\n          part={isHamburger ? 'hamburger-trigger' : 'more-trigger'}\n          aria-label={isHamburger ? 'Open menu' : 'More'}\n          onClick={this.openOverflowPopover}\n        >\n          <slot name={isHamburger ? 'hamburger-trigger' : 'more-trigger'}>\n            <le-icon name={isHamburger ? 'hamburger' : 'ellipsis-horizontal'} />\n          </slot>\n        </button>\n        <div class=\"popover-menu\">\n          {this.renderVerticalList(itemsToShow, {\n            depth: 0,\n            pathPrefix: '',\n            closePopover: this.closeOverflowPopover,\n          })}\n        </div>\n      </le-popover>\n    );\n  }\n\n  private renderHorizontal() {\n    const items = this.parsedItems;\n    const overflowMode = this.getOverflowMode();\n    const showOverflowButton = (this.overflowIds?.length ?? 0) > 0 || this.hamburgerActive;\n\n    return (\n      <div class=\"nav-horizontal-wrapper\">\n        <le-bar\n          class={classnames('nav-bar', {\n            'align-end': this.align === 'end',\n            'align-center': this.align === 'center',\n            'align-space-between': this.align === 'space-between',\n          })}\n          overflow={overflowMode}\n          alignItems={this.getBarAlignment()}\n          disablePopover={true}\n          minVisibleItems={this.minVisibleItemsForMore}\n          onLeBarOverflowChange={this.handleBarOverflowChange}\n        >\n          {items.map((item, index) => this.renderHorizontalItem(item, index))}\n        </le-bar>\n\n        {/* Overflow popover - rendered outside le-bar to have full control over content */}\n        {showOverflowButton && this.renderOverflowPopover()}\n      </div>\n    );\n  }\n\n  render() {\n    const items = this.parsedItems;\n\n    if (this.orientation === 'horizontal') {\n      return (\n        <Host>\n          <le-component component=\"le-navigation\">{this.renderHorizontal()}</le-component>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <le-component component=\"le-navigation\">\n          {this.renderVerticalList(items, {\n            depth: 0,\n            pathPrefix: '',\n            searchable: this.searchable,\n            searchQuery: this.searchQuery,\n            searchPlaceholder: this.searchPlaceholder,\n            emptyText: this.emptyText,\n          })}\n        </le-component>\n      </Host>\n    );\n  }\n}\n"]}