@nextrap/nte-nav 1.1.40 → 2.0.0

package/index.js

@@ -1,370 +1,218 @@
-import { isBiggerThanBreakpoint as Et, Debouncer as he, waitForDomContentLoaded as V, SlotTool as Lt } from "@nextrap/nt-framework";
-import { nextrap_element as pe } from "@nextrap/nte-core";
-import "@nextrap/nte-offcanvas";
-import { Listen as X, waitForLoad as Wt, sleep as J, EventBindingsMixin as ve, LoggingMixin as ue, create_element as fe } from "@trunkjs/browser-utils";
-import { html as q, unsafeCSS as K, LitElement as nt } from "lit";
-import { customElement as Q, property as O, state as Z } from "lit/decorators.js";
-import { createRef as Ct, ref as Ot } from "lit/directives/ref.js";
-import { styleMap as _e } from "lit/directives/style-map.js";
-import "@nextrap/nte-burger";
-const ge = ":host{--container-width: var(--nt-container-width);--text-color: var(--nt-text);--hover-color: var(--nt-primary);--hover-text-color: var(--nt-text-on-primary);--transition: .2s ease-in-out;--submenu-bg: var(--nt-light);--submenu-text-color: var(--nt-text);--submenu-hover-text-color: var(--nt-primary);--justify-content: center;--sidemenu-bg: var(--nt-primary-subtle);--justify-sidebar-burger: flex-end;--height: auto;--default-alpha: .7;height:var(--height);display:block}nav{height:100%}#main{height:100%}#burger-wrapper{padding:15px}#text{padding-right:10px}#burger-default{cursor:pointer}#burger-default slot::slotted(span){color:rgb(from var(--text-color) r g b/var(--default-alpha));transition:color var(--transition)}#burger-default nte-burger{--color: rgb(from var(--text-color) r g b / var(--default-alpha))}#burger-default:hover slot::slotted(span){color:rgb(from var(--text-color) r g b/1)}#burger-default:hover nte-burger{--color: rgb(from var(--text-color) r g b / 1)}";
-var be = Object.create, st = Object.defineProperty, me = Object.getOwnPropertyDescriptor, Bt = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), I = (e) => {
+import { nextrap_element as oe } from "@nextrap/nt-core";
+import { html as m, unsafeCSS as le, nothing as j } from "lit";
+import { customElement as ue, property as f, state as ee } from "lit/decorators.js";
+import { ifDefined as S } from "lit/directives/if-defined.js";
+const Ce = "*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}dialog{color:inherit;background:transparent;border:none}a,i{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}slot{display:contents}:host{--nte-nav-flow: row;--nte-nav-align: stretch;--nte-nav-justify: flex-start;--nte-nav-gap: 0;--nte-nav-item-gap: .5rem;--nte-nav-submenu-gap: .25rem;--nte-nav-submenu-min-inline-size: 12rem;--nte-nav-submenu-inline-size: max(100%, var(--nte-nav-submenu-min-inline-size));--nte-nav-submenu-max-block-size: min(70vh, 32rem);--nte-nav-submenu-position: absolute;--nte-nav-submenu-inset-block-start: 100%;--nte-nav-submenu-inset-inline-start: 0;--nte-nav-nested-submenu-inset-block-start: 0;--nte-nav-nested-submenu-inset-inline-start: 100%;--nte-nav-submenu-position-area: block-end span-inline-end;--nte-nav-nested-submenu-position-area: inline-end span-block-end;--nte-nav-submenu-enter-transform: translateY(-.35rem);--nte-nav-nested-submenu-enter-transform: translateX(-.35rem);--nte-nav-transition-duration: .16s;display:block;inline-size:fit-content;max-inline-size:100%}#nav{display:block}#list{display:flex;flex-flow:var(--nte-nav-flow) nowrap;align-items:var(--nte-nav-align);justify-content:var(--nte-nav-justify);gap:var(--nte-nav-gap);min-inline-size:0}#list>slot{display:contents}";
+var Ie = Object.create, F = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, de = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), C = (e) => {
   throw TypeError(e);
-}, we = (e, t, i) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, zt = (e, t) => st(e, "name", { value: t, configurable: !0 }), ye = (e) => [, , , be((e == null ? void 0 : e[Bt("metadata")]) ?? null)], It = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], F = (e) => e !== void 0 && typeof e != "function" ? I("Function expected") : e, Se = (e, t, i, s, a) => ({ kind: It[e], name: t, metadata: s, addInitializer: (n) => i._ ? I("Already initialized") : a.push(F(n || null)) }), $e = (e, t) => we(t, Bt("metadata"), e[3]), b = (e, t, i, s) => {
-  for (var a = 0, n = e[t >> 1], h = n && n.length; a < h; a++) t & 1 ? n[a].call(i) : s = n[a].call(i, s);
-  return s;
-}, z = (e, t, i, s, a, n) => {
-  var h, o, w, p, _, r = t & 7, g = !!(t & 8), d = !!(t & 16), f = r > 3 ? e.length + 1 : r ? g ? 1 : 2 : 0, E = It[r + 5], C = r > 3 && (e[f - 1] = []), D = e[f] || (e[f] = []), c = r && (!d && !g && (a = a.prototype), r < 5 && (r > 3 || !d) && me(r < 4 ? a : { get [i]() {
-    return N(this, n);
-  }, set [i](l) {
-    return U(this, n, l);
-  } }, i));
-  r ? d && r < 4 && zt(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : zt(a, i);
-  for (var y = s.length - 1; y >= 0; y--)
-    p = Se(r, i, w = {}, e[3], D), r && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => ke(a, l) : (l) => i in l }, r ^ 3 && (_.get = d ? (l) => (r ^ 1 ? N : xe)(l, a, r ^ 4 ? n : c.get) : (l) => l[i]), r > 2 && (_.set = d ? (l, S) => U(l, a, S, r ^ 4 ? n : c.set) : (l, S) => l[i] = S)), o = (0, s[y])(r ? r < 4 ? d ? n : c[E] : r > 4 ? void 0 : { get: c.get, set: c.set } : a, p), w._ = 1, r ^ 4 || o === void 0 ? F(o) && (r > 4 ? C.unshift(o) : r ? d ? n = o : c[E] = o : a = o) : typeof o != "object" || o === null ? I("Object expected") : (F(h = o.get) && (c.get = h), F(h = o.set) && (c.set = h), F(h = o.init) && C.unshift(h));
-  return r || $e(e, a), c && st(a, i, c), d ? r ^ 4 ? n : c : a;
-}, ot = (e, t, i) => t.has(e) || I("Cannot " + i), ke = (e, t) => Object(t) !== t ? I('Cannot use the "in" operator on this value') : e.has(t), N = (e, t, i) => (ot(e, t, "read from private field"), i ? i.call(e) : t.get(e)), M = (e, t, i) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), U = (e, t, i, s) => (ot(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i), xe = (e, t, i) => (ot(e, t, "access private method"), i), Rt, At, Dt, Ft, Yt, Gt, Ut, tt, qt, v, lt, dt, ct, ht, pt, k;
-const Ee = {
-  eventBinding: !0,
-  logging: !0
-};
-qt = [Q("nte-nav")];
-class $ extends (tt = pe(Ee), Ut = [O({ type: String, reflect: !0 })], Gt = [O({ type: String, reflect: !0 })], Yt = [O({ type: String, reflect: !0, attribute: "transfer-to" })], Ft = [O({ type: String, reflect: !1, attribute: "data-group-name" })], Dt = [Z()], At = [X("click", { target: "host" })], Rt = [X("click", { target: "window" })], tt) {
+}, Le = (e, t, n) => t in e ? F(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, te = (e, t) => F(e, "name", { value: t, configurable: !0 }), Pe = (e) => [, , , Ie((e == null ? void 0 : e[de("metadata")]) ?? null)], ce = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], O = (e) => e !== void 0 && typeof e != "function" ? C("Function expected") : e, Oe = (e, t, n, o, r) => ({ kind: ce[e], name: t, metadata: o, addInitializer: (a) => n._ ? C("Already initialized") : r.push(O(a || null)) }), Ae = (e, t) => Le(t, de("metadata"), e[3]), T = (e, t, n, o) => {
+  for (var r = 0, a = e[t >> 1], v = a && a.length; r < v; r++) t & 1 ? a[r].call(n) : o = a[r].call(n, o);
+  return o;
+}, ve = (e, t, n, o, r, a) => {
+  var v, l, N, b, y, i = t & 7, k = !!(t & 8), c = !!(t & 16), w = i > 3 ? e.length + 1 : i ? k ? 1 : 2 : 0, L = ce[i + 5], P = i > 3 && (e[w - 1] = []), E = e[w] || (e[w] = []), d = i && (!c && !k && (r = r.prototype), i < 5 && (i > 3 || !c) && Ne(i < 4 ? r : { get [n]() {
+    return ne(this, a);
+  }, set [n](u) {
+    return ie(this, a, u);
+  } }, n));
+  i ? c && i < 4 && te(a, (i > 2 ? "set " : i > 1 ? "get " : "") + n) : te(r, n);
+  for (var $ = o.length - 1; $ >= 0; $--)
+    b = Oe(i, n, N = {}, e[3], E), i && (b.static = k, b.private = c, y = b.access = { has: c ? (u) => Me(r, u) : (u) => n in u }, i ^ 3 && (y.get = c ? (u) => (i ^ 1 ? ne : Te)(u, r, i ^ 4 ? a : d.get) : (u) => u[n]), i > 2 && (y.set = c ? (u, x) => ie(u, r, x, i ^ 4 ? a : d.set) : (u, x) => u[n] = x)), l = (0, o[$])(i ? i < 4 ? c ? a : d[L] : i > 4 ? void 0 : { get: d.get, set: d.set } : r, b), N._ = 1, i ^ 4 || l === void 0 ? O(l) && (i > 4 ? P.unshift(l) : i ? c ? a = l : d[L] = l : r = l) : typeof l != "object" || l === null ? C("Object expected") : (O(v = l.get) && (d.get = v), O(v = l.set) && (d.set = v), O(v = l.init) && P.unshift(v));
+  return i || Ae(e, r), d && F(r, n, d), c ? i ^ 4 ? a : d : r;
+}, B = (e, t, n) => t.has(e) || C("Cannot " + n), Me = (e, t) => Object(t) !== t ? C('Cannot use the "in" operator on this value') : e.has(t), ne = (e, t, n) => (B(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Ee = (e, t, n) => t.has(e) ? C("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ie = (e, t, n, o) => (B(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n), Te = (e, t, n) => (B(e, t, "access private method"), n), pe, W, me, z, V;
+me = [ue("nte-nav")];
+class M extends (W = oe(), pe = [f({ type: String, reflect: !0, attribute: "aria-label" })], W) {
   constructor() {
-    super(), b(v, 5, this), M(this, lt, b(v, 8, this, "slave")), b(v, 11, this), M(this, dt, b(v, 12, this, "99999px")), b(v, 15, this), M(this, ct, b(v, 16, this, "")), b(v, 19, this), M(this, ht, b(v, 20, this, "")), b(v, 23, this), M(this, pt, b(v, 24, this, !1)), b(v, 27, this), M(this, k, null);
-  }
-  handleClickOnSubmenu(t) {
-    var s;
-    const i = (s = t.target) == null ? void 0 : s.closest("li:has(ul)");
-    N(this, k) && (N(this, k).classList.remove("is-open"), U(this, k, null)), i && (U(this, k, i), i.classList.add("is-open"));
-  }
-  handleClickOutside(t) {
-    if (!N(this, k))
-      return;
-    N(this, k).contains(t.target) || (N(this, k).classList.remove("is-open"), U(this, k, null));
-  }
-  getOffcanvas() {
-    return this.transferTo ? document.querySelector(this.transferTo) : null;
-  }
-  getOffcanvasNav() {
-    const t = this.getOffcanvas();
-    return t ? t.querySelector("nte-nav") : null;
+    super(...arguments), Ee(this, V, T(z, 8, this, "")), T(z, 11, this);
   }
   render() {
-    return q` <nav>
-      <div id="burger-wrapper" ?hidden=${!this._isTransferred}>
-        <slot
-          name="burger"
-          open
-          aria-haspopup="true"
-          id="burger"
-          class="burger"
-          @click=${() => {
-      var t;
-      return (t = this.getOffcanvas()) == null ? void 0 : t.open();
-    }}
-        >
-          <!-- fallback icon -->
-          ${this._isTransferred ? q`<div id="burger-default" style="display:flex; align-items: center; justify-content: center;">
-                <div id="text" part="menutext"><slot name="menu-text"></slot></div>
-                <nte-burger
-                  part="burger"
-                  aria-label="Menu"
-                  role="button"
-                  aria-haspopup="menu"
-                  aria-controls="main-menu"
-                  data-group-name="${this.dataGroupName}"
-                  id="open-burger"
-                  onclick="this.open = true"
-                ></nte-burger>
-              </div>` : ""}
-        </slot>
-      </div>
-
-      <div class="nt-nav-links" id="main" part="main">
-        <slot id="main-slot"></slot>
-      </div>
-    </nav>`;
+    return super.render(), m`
+      <nav id="nav" part="nav" aria-label=${S(this.ariaLabel || void 0)}>
+        <div id="list" part="list" role="list">
+          <slot @slotchange=${this._onSlotChange}></slot>
+        </div>
+      </nav>
+    `;
   }
-  transferToElement(t) {
-    var a;
-    const i = (a = this.shadowRoot) == null ? void 0 : a.querySelector("#main-slot");
-    if (i === null)
-      return;
-    Array.from(i.assignedElements({ flatten: !0 })).forEach((n) => {
-      n instanceof HTMLElement && t.appendChild(n);
+  _onSlotChange(t) {
+    const o = t.currentTarget.assignedElements({ flatten: !0 }).filter((a) => a.matches("nte-nav-item")), r = getComputedStyle(this).getPropertyValue("--nte-nav-flow").trim() === "column";
+    o.forEach((a) => {
+      const v = Array.from(a.children).some((l) => l.matches("nte-nav-item"));
+      a.toggleAttribute("submenu-popover", v && !r);
     });
   }
-  updated(t) {
-    var i, s;
-    super.updated(t), this._isTransferred ? this.transferToElement(
-      this.getOffcanvasNav() ?? (() => {
-        throw new Error("No offcanvas nav found");
-      })()
-    ) : ((i = this.getOffcanvasNav()) == null || i.transferToElement(this), (s = this.getOffcanvas()) == null || s.close());
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t);
-    const i = this.classList;
-    !i.contains("nav-vertical") && !i.contains("nav-horizontal") && i.add(this.closest("nte-offcanvas") === null ? "nav-horizontal" : "nav-vertical");
-  }
-  updateTransferState() {
-    Et(this.breakpoint) ? this._isTransferred = !1 : this._isTransferred = !0;
-  }
-  async connectedCallback() {
-    super.connectedCallback(), this.mode !== "slave" && (this.transferTo !== "" && (this._isTransferred = !1, this.breakpoint !== "" && (Et(this.breakpoint) || (this._isTransferred = !0), window.addEventListener("breakpoint-changed", (t) => {
-      this.updateTransferState();
-    }))), await Wt(), this.updateTransferState(), await J(3e3), this.updateTransferState());
-  }
 }
-v = ye(tt);
-lt = /* @__PURE__ */ new WeakMap();
-dt = /* @__PURE__ */ new WeakMap();
-ct = /* @__PURE__ */ new WeakMap();
-ht = /* @__PURE__ */ new WeakMap();
-pt = /* @__PURE__ */ new WeakMap();
-k = /* @__PURE__ */ new WeakMap();
-z(v, 4, "mode", Ut, $, lt);
-z(v, 4, "breakpoint", Gt, $, dt);
-z(v, 4, "transferTo", Yt, $, ct);
-z(v, 4, "dataGroupName", Ft, $, ht);
-z(v, 4, "_isTransferred", Dt, $, pt);
-z(v, 1, "handleClickOnSubmenu", At, $);
-z(v, 1, "handleClickOutside", Rt, $);
-$ = z(v, 0, "NteNav", qt, $);
-$.styles = [K(ge)];
-b(v, 1, $);
-const Ce = "*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}a,i{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}slot{display:contents}:host{--bg: transparent;--spacer-bg: transparent;--container-width: var(--nt-container-width, 100%);--brand-height: 80px;--spacer-height: 80px;width:100vw;margin:0}:host(a){height:85px;width:auto}#wrapper{position:relative;left:0;top:0;right:0;width:100%}#spacer{position:relative;top:0;left:0;width:100%;transition:height .3s ease-in-out;height:var(--spacer-height);background-color:var(--spacer-bg)}#navbar{position:absolute;top:0;width:100vw;height:auto;background-color:var(--bg);z-index:1000}#main{width:100vw;display:block}";
-var Oe = Object.create, vt = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, jt = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), R = (e) => {
+z = Pe(W);
+V = /* @__PURE__ */ new WeakMap();
+ve(z, 4, "ariaLabel", pe, M, V);
+M = ve(z, 0, "NteNav", me, M);
+M.styles = [le(Ce)];
+T(z, 1, M);
+const We = "*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}dialog{color:inherit;background:transparent;border:none}a,i{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}slot{display:contents}slot.slot-empty{display:none!important}:host{--order: 0;display:block;position:relative;order:var(--order);min-inline-size:0}#link,#text,#disclosure,#toggle{display:flex;align-items:center}#item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-block-size:100%}#details{display:contents}#link,#text,#disclosure{flex:1 1 auto;min-inline-size:0;gap:var(--nte-nav-item-gap)}#label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#link,#text,#disclosure{grid-column:1/-1;grid-row:1}#item:has(#toggle)>#link{grid-column:1}#toggle{grid-column:2;grid-row:1;flex:0 0 auto;justify-content:center}#disclosure,#toggle{anchor-name:--nte-nav-submenu-anchor;list-style:none}#disclosure::-webkit-details-marker,#toggle::-webkit-details-marker{display:none}#icon:has(>slot.slot-empty){display:none!important}#icon,#indicator{flex:0 0 auto}#indicator{inline-size:1em;block-size:1em;transition:transform var(--nte-nav-transition-duration) ease}#details[open] #indicator,#item:has(#submenu:popover-open) #indicator{transform:rotate(180deg)}#submenu{z-index:10;display:grid;grid-column:1/-1;grid-row:2;grid-template-rows:0fr;inline-size:var(--nte-nav-submenu-inline-size);min-inline-size:var(--nte-nav-submenu-min-inline-size);max-block-size:var(--nte-nav-submenu-max-block-size);margin:0;padding:0;overflow:hidden;position:var(--nte-nav-submenu-position);inset-block-start:var(--nte-nav-submenu-inset-block-start);inset-inline-start:var(--nte-nav-submenu-inset-inline-start);opacity:0;transform:var(--nte-nav-submenu-enter-transform);visibility:hidden;pointer-events:none;transition:grid-template-rows var(--nte-nav-transition-duration) ease,opacity var(--nte-nav-transition-duration) ease,transform var(--nte-nav-transition-duration) ease,visibility var(--nte-nav-transition-duration) allow-discrete}#details[open] #submenu{grid-template-rows:1fr;margin-block-start:var(--nte-nav-submenu-gap);opacity:1;transform:none;visibility:visible;pointer-events:auto}#submenu[popover]{inline-size:max-content;max-inline-size:calc(100vw - 2rem);margin:var(--nte-nav-submenu-gap) 0 0;overflow:hidden;position:fixed;position-anchor:--nte-nav-submenu-anchor;position-area:var(--nte-nav-submenu-position-area);position-try-fallbacks:flip-block,flip-inline;inset:auto;transition:opacity var(--nte-nav-transition-duration) ease,transform var(--nte-nav-transition-duration) ease,display var(--nte-nav-transition-duration) allow-discrete,overlay var(--nte-nav-transition-duration) allow-discrete}@supports (inline-size: anchor-size(inline)){#submenu[popover]{inline-size:max(anchor-size(inline),var(--nte-nav-submenu-min-inline-size))}}#submenu[popover]:not(:popover-open){display:none}#submenu[popover]:popover-open{display:grid;grid-template-rows:1fr;opacity:1;transform:none;visibility:visible;pointer-events:auto}@starting-style{#submenu[popover]:popover-open{opacity:0;transform:var(--nte-nav-submenu-enter-transform)}}#submenu-inner{min-block-size:0;overflow:auto}#submenu slot{display:flex;flex-direction:column;align-items:stretch}#submenu slot::slotted(nte-nav-item){--nte-nav-submenu-inset-block-start: var(--nte-nav-nested-submenu-inset-block-start);--nte-nav-submenu-inset-inline-start: var(--nte-nav-nested-submenu-inset-inline-start);--nte-nav-submenu-position-area: var(--nte-nav-nested-submenu-position-area);--nte-nav-submenu-enter-transform: var(--nte-nav-nested-submenu-enter-transform)}@media(prefers-reduced-motion:reduce){#indicator,#submenu{transition-duration:.01ms}}";
+var De = Object.create, G = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, he = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), I = (e) => {
   throw TypeError(e);
-}, Te = (e, t, i) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, Tt = (e, t) => vt(e, "name", { value: t, configurable: !0 }), Ne = (e) => [, , , Oe((e == null ? void 0 : e[jt("metadata")]) ?? null)], Ht = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Y = (e) => e !== void 0 && typeof e != "function" ? R("Function expected") : e, Pe = (e, t, i, s, a) => ({ kind: Ht[e], name: t, metadata: s, addInitializer: (n) => i._ ? R("Already initialized") : a.push(Y(n || null)) }), Me = (e, t) => Te(t, jt("metadata"), e[3]), et = (e, t, i, s) => {
-  for (var a = 0, n = e[t >> 1], h = n && n.length; a < h; a++) t & 1 ? n[a].call(i) : s = n[a].call(i, s);
-  return s;
-}, Jt = (e, t, i, s, a, n) => {
-  var h, o, w, p, _, r = t & 7, g = !!(t & 8), d = !!(t & 16), f = r > 3 ? e.length + 1 : r ? g ? 1 : 2 : 0, E = Ht[r + 5], C = r > 3 && (e[f - 1] = []), D = e[f] || (e[f] = []), c = r && (!d && !g && (a = a.prototype), r < 5 && (r > 3 || !d) && ze(r < 4 ? a : { get [i]() {
-    return Nt(this, n);
-  }, set [i](l) {
-    return Pt(this, n, l);
-  } }, i));
-  r ? d && r < 4 && Tt(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : Tt(a, i);
-  for (var y = s.length - 1; y >= 0; y--)
-    p = Pe(r, i, w = {}, e[3], D), r && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => Le(a, l) : (l) => i in l }, r ^ 3 && (_.get = d ? (l) => (r ^ 1 ? Nt : Be)(l, a, r ^ 4 ? n : c.get) : (l) => l[i]), r > 2 && (_.set = d ? (l, S) => Pt(l, a, S, r ^ 4 ? n : c.set) : (l, S) => l[i] = S)), o = (0, s[y])(r ? r < 4 ? d ? n : c[E] : r > 4 ? void 0 : { get: c.get, set: c.set } : a, p), w._ = 1, r ^ 4 || o === void 0 ? Y(o) && (r > 4 ? C.unshift(o) : r ? d ? n = o : c[E] = o : a = o) : typeof o != "object" || o === null ? R("Object expected") : (Y(h = o.get) && (c.get = h), Y(h = o.set) && (c.set = h), Y(h = o.init) && C.unshift(h));
-  return r || Me(e, a), c && vt(a, i, c), d ? r ^ 4 ? n : c : a;
-}, ut = (e, t, i) => t.has(e) || R("Cannot " + i), Le = (e, t) => Object(t) !== t ? R('Cannot use the "in" operator on this value') : e.has(t), Nt = (e, t, i) => (ut(e, t, "read from private field"), i ? i.call(e) : t.get(e)), We = (e, t, i) => t.has(e) ? R("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), Pt = (e, t, i, s) => (ut(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i), Be = (e, t, i) => (ut(e, t, "access private method"), i), Kt, it, Qt, B, ft;
-Qt = [Q("nte-navbar")];
-class j extends (it = nt, Kt = [O({ type: Number, attribute: "scroll-threshold", reflect: !0 })], it) {
+}, Be = (e, t, n) => t in e ? G(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, re = (e, t) => G(e, "name", { value: t, configurable: !0 }), Ve = (e) => [, , , De((e == null ? void 0 : e[he("metadata")]) ?? null)], be = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], A = (e) => e !== void 0 && typeof e != "function" ? I("Function expected") : e, Ge = (e, t, n, o, r) => ({ kind: be[e], name: t, metadata: o, addInitializer: (a) => n._ ? I("Already initialized") : r.push(A(a || null)) }), He = (e, t) => Be(t, he("metadata"), e[3]), p = (e, t, n, o) => {
+  for (var r = 0, a = e[t >> 1], v = a && a.length; r < v; r++) t & 1 ? a[r].call(n) : o = a[r].call(n, o);
+  return o;
+}, _ = (e, t, n, o, r, a) => {
+  var v, l, N, b, y, i = t & 7, k = !!(t & 8), c = !!(t & 16), w = i > 3 ? e.length + 1 : i ? k ? 1 : 2 : 0, L = be[i + 5], P = i > 3 && (e[w - 1] = []), E = e[w] || (e[w] = []), d = i && (!c && !k && (r = r.prototype), i < 5 && (i > 3 || !c) && Fe(i < 4 ? r : { get [n]() {
+    return ae(this, a);
+  }, set [n](u) {
+    return se(this, a, u);
+  } }, n));
+  i ? c && i < 4 && re(a, (i > 2 ? "set " : i > 1 ? "get " : "") + n) : re(r, n);
+  for (var $ = o.length - 1; $ >= 0; $--)
+    b = Ge(i, n, N = {}, e[3], E), i && (b.static = k, b.private = c, y = b.access = { has: c ? (u) => Ue(r, u) : (u) => n in u }, i ^ 3 && (y.get = c ? (u) => (i ^ 1 ? ae : Xe)(u, r, i ^ 4 ? a : d.get) : (u) => u[n]), i > 2 && (y.set = c ? (u, x) => se(u, r, x, i ^ 4 ? a : d.set) : (u, x) => u[n] = x)), l = (0, o[$])(i ? i < 4 ? c ? a : d[L] : i > 4 ? void 0 : { get: d.get, set: d.set } : r, b), N._ = 1, i ^ 4 || l === void 0 ? A(l) && (i > 4 ? P.unshift(l) : i ? c ? a = l : d[L] = l : r = l) : typeof l != "object" || l === null ? I("Object expected") : (A(v = l.get) && (d.get = v), A(v = l.set) && (d.set = v), A(v = l.init) && P.unshift(v));
+  return i || He(e, r), d && G(r, n, d), c ? i ^ 4 ? a : d : r;
+}, H = (e, t, n) => t.has(e) || I("Cannot " + n), Ue = (e, t) => Object(t) !== t ? I('Cannot use the "in" operator on this value') : e.has(t), ae = (e, t, n) => (H(e, t, "read from private field"), n ? n.call(e) : t.get(e)), g = (e, t, n) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), se = (e, t, n, o) => (H(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n), Xe = (e, t, n) => (H(e, t, "access private method"), n), _e, ge, fe, ye, ke, we, $e, xe, Se, D, ze, s, U, X, Y, q, J, K, Q, R, Z;
+ze = [ue("nte-nav-item")];
+class h extends (D = oe({ slotVisibility: !0 }), Se = [f({ type: String, reflect: !0 })], xe = [f({ type: String, reflect: !0 })], $e = [f({ type: String, reflect: !0 })], we = [f({ type: String })], ke = [f({ type: String, reflect: !0 })], ye = [f({ type: Boolean, reflect: !0, attribute: "submenu-popover" })], fe = [f({ type: String, attribute: "submenu-label" })], ge = [ee()], _e = [ee()], D) {
   constructor() {
-    super(), this.navbarRef = Ct(), this.spacerRef = Ct(), We(this, ft, et(B, 8, this, 0)), et(B, 11, this), this._lastScrollY = window.scrollY, this._scrollUpPixels = 0, this._debouncer = void 0, this._debouncer = new he(100, 300), document.addEventListener(
-      "scroll",
-      async () => {
-        this.updateScrollState();
-      },
-      { passive: !0 }
-    );
-  }
-  static get is() {
-    return "nte-navbar";
-  }
-  updateScrollState() {
-    const t = window.scrollY;
-    t > 1 ? this.classList.add("is-scrolled") : this.classList.remove("is-scrolled"), t < this._lastScrollY ? (this._scrollUpPixels += this._lastScrollY - t, this._scrollUpPixels > 10 && t < this.scrollThreshold && this.classList.add("is-scrolling-up")) : (this._scrollUpPixels = 0, this.classList.remove("is-scrolling-up")), t > this.scrollThreshold ? this.classList.add("is-below-threshold") : this.classList.remove("is-below-threshold"), this._lastScrollY = t;
+    super(...arguments), g(this, U, p(s, 8, this, "")), p(s, 11, this), g(this, X, p(s, 12, this, "")), p(s, 15, this), g(this, Y, p(s, 16, this, "")), p(s, 19, this), g(this, q, p(s, 20, this, "")), p(s, 23, this), g(this, J, p(s, 24, this, "")), p(s, 27, this), g(this, K, p(s, 28, this, !1)), p(s, 31, this), g(this, Q, p(s, 32, this, "Untermenü")), p(s, 35, this), g(this, R, p(s, 36, this, !1)), p(s, 39, this), g(this, Z, p(s, 40, this, "")), p(s, 43, this);
   }
-  async connectedCallback() {
-    this.updateScrollState(), await V(), super.connectedCallback();
-  }
-  // Adjust the spacer height on every render
-  async updated(t) {
-    await V(), super.updated(t);
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "listitem"), this._assignNestedItems();
   }
-  firstUpdated(t) {
-    Lt.observeEmptySlots(this);
+  disconnectedCallback() {
+    super.disconnectedCallback();
   }
   render() {
-    return q`
-      <div id="wrapper" part="wrapper">
-        <div id="spacer" part="spacer" ${Ot(this.spacerRef)}></div>
-        <div id="navbar" part="navbar" ${Ot(this.navbarRef)}>
-          <div id="brand" part="brand">
-            <slot name="brand"></slot>
-          </div>
-          <div id="main">
-            <slot></slot>
-          </div>
-        </div>
+    super.render();
+    const t = this._renderLabel();
+    return m`
+      <div id="item" part="item">
+        ${this._hasSubmenu ? this.submenuPopover ? m`
+                  ${this.href ? this._renderLink(t) : j}
+                  ${this.href ? this._renderIconOnlyPopoverControl() : this._renderLabelPopoverControl(t)}
+                  ${this._renderSubmenu()}
+                ` : m`
+                  ${this.href ? this._renderLink(t) : j}
+                  <details id="details" part="details">
+                    ${this.href ? this._renderIconOnlyDisclosure() : this._renderLabelDisclosure(t)}
+                    ${this._renderSubmenu()}
+                  </details>
+                ` : this.href ? this._renderLink(t) : m`<span id="text" part="text">${t}</span>`}
       </div>
     `;
   }
-}
-B = Ne(it);
-ft = /* @__PURE__ */ new WeakMap();
-Jt(B, 4, "scrollThreshold", Kt, j, ft);
-j = Jt(B, 0, "NteNavbar", Qt, j);
-j.styles = [K(Ce)];
-et(B, 1, j);
-const Ie = "*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}a,i{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}slot{display:contents}:host{--container-width: var(--nt-container-width, 100%);--background: transparent;--text-color: var(--nt-text);--height: auto;--brand-height: 80px;display:block;height:100%;width:100vw}:host(.hide-on-scroll){transition:max-height .3s ease-in-out;max-height:100px}:host(.hide-on-scroll.is-scrolled){max-height:0;overflow:hidden}:host(.brand-center) #container{justify-content:space-between;position:relative}:host(.brand-center) #container #brand{justify-content:center;width:100%}:host(.brand-center) #container #nav{position:absolute;right:0;top:0;bottom:0}#main{height:var(--height);transition:height .2s ease-in-out;overflow:visible;width:100%;display:flex;background:var(--background)}#container{width:var(--container-width);margin:0 auto;display:flex}#container #brand:has(slot[empty]){display:none}#container #brand{min-width:0;flex-shrink:1;width:auto;align-items:start;display:flex;height:100%;justify-items:center}#container #nav{display:flex;flex-grow:1;justify-content:end;align-items:center;gap:1rem}";
-var Re = Object.create, _t = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, Vt = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), Xt = (e) => {
-  throw TypeError(e);
-}, De = (e, t, i) => t in e ? _t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, Fe = (e, t) => _t(e, "name", { value: t, configurable: !0 }), Ye = (e) => [, , , Re((e == null ? void 0 : e[Vt("metadata")]) ?? null)], Ge = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Zt = (e) => e !== void 0 && typeof e != "function" ? Xt("Function expected") : e, Ue = (e, t, i, s, a) => ({ kind: Ge[e], name: t, metadata: s, addInitializer: (n) => i._ ? Xt("Already initialized") : a.push(Zt(n || null)) }), qe = (e, t) => De(t, Vt("metadata"), e[3]), je = (e, t, i, s) => {
-  for (var a = 0, n = e[t >> 1], h = n && n.length; a < h; a++) n[a].call(i);
-  return s;
-}, He = (e, t, i, s, a, n) => {
-  var h, o, w, p = t & 7, _ = !1, r = 0, g = e[r] || (e[r] = []), d = p && (a = a.prototype, p < 5 && (p > 3 || !_) && Ae(a, i));
-  Fe(a, i);
-  for (var f = s.length - 1; f >= 0; f--)
-    w = Ue(p, i, o = {}, e[3], g), h = (0, s[f])(a, w), o._ = 1, Zt(h) && (a = h);
-  return qe(e, a), d && _t(a, i, d), _ ? p ^ 4 ? n : d : a;
-}, te, gt, ee;
-te = [Q("nte-navbar-line")];
-const xt = class xt extends (ee = nt) {
-  constructor() {
-    super(...arguments), this._isScrolled = !1;
+  _renderLink(t) {
+    return m`
+      <a
+        id="link"
+        part="link"
+        href=${this.href}
+        target=${S(this.target || void 0)}
+        rel=${S(this.rel || void 0)}
+        download=${S(this.hasAttribute("download") ? this.download : void 0)}
+        aria-current=${S(this.current || void 0)}
+      >
+        ${t}
+      </a>
+    `;
   }
-  static get is() {
-    return "nte-navbar-line";
+  _renderLabel() {
+    return m`
+      <span id="icon" part="icon">
+        <slot name="icon"></slot>
+      </span>
+      <span id="label" part="label">
+        <slot @slotchange=${this._onLabelSlotChange}></slot>
+      </span>
+    `;
   }
-  updateScrollState() {
-    const t = window.scrollY;
-    t > 1 && !this._isScrolled ? (this.classList.add("is-scrolled"), this._isScrolled = !0) : t <= 1 && this._isScrolled && (this.classList.remove("is-scrolled"), this._isScrolled = !1);
+  _renderIconOnlyDisclosure() {
+    return m`
+      <summary id="toggle" part="toggle" aria-label=${this._submenuAccessibleName()}>
+        ${this._renderIndicator()}
+      </summary>
+    `;
   }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("scroll", () => this.updateScrollState(), { passive: !0 });
+  _renderLabelDisclosure(t) {
+    return m` <summary id="disclosure" part="disclosure">${t} ${this._renderIndicator()}</summary> `;
+  }
+  _renderIconOnlyPopoverControl() {
+    return m`
+      <button
+        id="toggle"
+        type="button"
+        part="toggle"
+        popovertarget="submenu"
+        aria-label=${this._submenuAccessibleName()}
+      >
+        ${this._renderIndicator()}
+      </button>
+    `;
   }
-  async firstUpdated(t) {
-    Lt.observeEmptySlots(this), this.updateScrollState();
+  _renderLabelPopoverControl(t) {
+    return m`
+      <button id="disclosure" type="button" part="disclosure" popovertarget="submenu">
+        ${t} ${this._renderIndicator()}
+      </button>
+    `;
   }
-  render() {
-    return q`
-      <div id="main" part="main">
-        <div id="container" part="container">
-          <div id="brand" part="brand">
-            <slot name="brand"></slot>
-          </div>
-          <div id="nav" part="nav">
-            <slot></slot>
-          </div>
+  _renderSubmenu() {
+    return m`
+      <div
+        id="submenu"
+        part="submenu"
+        role="list"
+        aria-label=${this._submenuAccessibleName()}
+        popover=${S(this.submenuPopover ? "auto" : void 0)}
+      >
+        <div id="submenu-inner" part="submenu-inner">
+          <slot name="submenu" @slotchange=${this._onSubmenuSlotChange}></slot>
         </div>
       </div>
     `;
   }
-};
-xt.styles = [K(Ie)];
-let H = xt;
-gt = Ye(ee);
-H = He(gt, 0, "NteNavbarLine", te, H);
-je(gt, 1, H);
-const Je = ":host{display:block;--animation-duration: .3s;--auto-aspect-ratio: unset;aspect-ratio:var(--auto-aspect-ratio);height:auto;width:auto}.wrapper{--orig-top: 0;--orig-left: 0;--orig-width: 0;--orig-height: 0;--self-top: 0;--self-left: 0;--self-width: 100%;--self-height: 100%;display:inline-block;width:var(--self-width);height:var(--self-height);object-fit:contain;overflow:visible;position:fixed;opacity:0}.wrapper.initialized{opacity:1}.wrapper{top:var(--self-top);left:var(--self-left);transition:all var(--animation-duration) ease-in-out}.wrapper.inactive{z-index:99999;top:calc(var(--orig-top));left:calc(var(--orig-left));width:var(--orig-width);height:var(--orig-height)}.wrapper.inactive.done{z-index:inherit;visibility:hidden}.wrapper>slot{display:contents}.wrapper ::slotted(*){width:100%;height:100%;object-fit:contain;transition:all .3s ease-in-out}";
-var Ke = Object.create, bt = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, ie = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), A = (e) => {
-  throw TypeError(e);
-}, Ve = (e, t, i) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, Mt = (e, t) => bt(e, "name", { value: t, configurable: !0 }), Xe = (e) => [, , , Ke((e == null ? void 0 : e[ie("metadata")]) ?? null)], re = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], G = (e) => e !== void 0 && typeof e != "function" ? A("Function expected") : e, Ze = (e, t, i, s, a) => ({ kind: re[e], name: t, metadata: s, addInitializer: (n) => i._ ? A("Already initialized") : a.push(G(n || null)) }), ti = (e, t) => Ve(t, ie("metadata"), e[3]), m = (e, t, i, s) => {
-  for (var a = 0, n = e[t >> 1], h = n && n.length; a < h; a++) t & 1 ? n[a].call(i) : s = n[a].call(i, s);
-  return s;
-}, P = (e, t, i, s, a, n) => {
-  var h, o, w, p, _, r = t & 7, g = !!(t & 8), d = !!(t & 16), f = r > 3 ? e.length + 1 : r ? g ? 1 : 2 : 0, E = re[r + 5], C = r > 3 && (e[f - 1] = []), D = e[f] || (e[f] = []), c = r && (!d && !g && (a = a.prototype), r < 5 && (r > 3 || !d) && Qe(r < 4 ? a : { get [i]() {
-    return W(this, n);
-  }, set [i](l) {
-    return rt(this, n, l);
-  } }, i));
-  r ? d && r < 4 && Mt(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : Mt(a, i);
-  for (var y = s.length - 1; y >= 0; y--)
-    p = Ze(r, i, w = {}, e[3], D), r && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => ei(a, l) : (l) => i in l }, r ^ 3 && (_.get = d ? (l) => (r ^ 1 ? W : ii)(l, a, r ^ 4 ? n : c.get) : (l) => l[i]), r > 2 && (_.set = d ? (l, S) => rt(l, a, S, r ^ 4 ? n : c.set) : (l, S) => l[i] = S)), o = (0, s[y])(r ? r < 4 ? d ? n : c[E] : r > 4 ? void 0 : { get: c.get, set: c.set } : a, p), w._ = 1, r ^ 4 || o === void 0 ? G(o) && (r > 4 ? C.unshift(o) : r ? d ? n = o : c[E] = o : a = o) : typeof o != "object" || o === null ? A("Object expected") : (G(h = o.get) && (c.get = h), G(h = o.set) && (c.set = h), G(h = o.init) && C.unshift(h));
-  return r || ti(e, a), c && bt(a, i, c), d ? r ^ 4 ? n : c : a;
-}, mt = (e, t, i) => t.has(e) || A("Cannot " + i), ei = (e, t) => Object(t) !== t ? A('Cannot use the "in" operator on this value') : e.has(t), W = (e, t, i) => (mt(e, t, "read from private field"), i ? i.call(e) : t.get(e)), L = (e, t, i) => t.has(e) ? A("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), rt = (e, t, i, s) => (mt(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i), ii = (e, t, i) => (mt(e, t, "access private method"), i), ae, ne, se, oe, le, de, at, ce, u, wt, yt, St, $t, kt, T;
-ce = [Q("nte-nav-brand-relocator")];
-class x extends (at = ve(ue(nt)), de = [O({ type: String, reflect: !0 })], le = [O({ type: Boolean, reflect: !0 })], oe = [O({ type: String, reflect: !0 })], se = [Z()], ne = [Z()], ae = [X("scroll", { target: "window", options: { passive: !0 } })], at) {
-  constructor() {
-    super(...arguments), m(u, 5, this), L(this, wt, m(u, 8, this, ".brand-image")), m(u, 11, this), L(this, yt, m(u, 12, this, null)), m(u, 15, this), L(this, St, m(u, 16, this, "auto")), m(u, 19, this), L(this, $t, m(u, 20, this, !1)), m(u, 23, this), L(this, kt, m(u, 24, this, !1)), m(u, 27, this), L(this, T, null);
-  }
-  onScroll() {
-    if (this.mode !== "auto") {
-      this.log("Mode is not auto, skipping scroll handling");
-      return;
-    }
-    const t = window.scrollY <= 2;
-    t !== this.active && (this.active = t);
-  }
-  onanimationEnd() {
-    this.log("Animation ended - finalizing state"), this.active || (this.brandElement.style.visibility = "visible", this.done = !0);
-  }
-  get brandElement() {
-    return W(this, T) || (rt(this, T, document.querySelector(this.brandSelector)), W(this, T) || this.warn(`Brand element not found using selector: ${this.brandSelector}`)), W(this, T);
-  }
-  render() {
-    var a;
-    const t = (a = this.brandElement) == null ? void 0 : a.getBoundingClientRect();
-    if (!t)
-      return null;
-    const i = this.getBoundingClientRect(), s = {
-      "--orig-top": t.top + "px",
-      "--orig-left": t.left + "px",
-      "--orig-width": t.width + "px",
-      "--orig-height": t.height + "px",
-      "--self-top": i.top + "px",
-      "--self-left": i.left + "px",
-      "--self-width": i.width + "px",
-      "--self-height": i.height + "px"
-    };
-    return q`<div
-      class="wrapper ${this.active ? "" : "inactive"} ${this.done ? "done" : ""} ${this.initialized ? "initialized" : ""}"
-      style=${_e(s)}
-      @transitionend=${() => this.onanimationEnd()}
-    >
-      <slot></slot>
-    </div>`;
+  _renderIndicator() {
+    return m`
+      <svg id="indicator" part="indicator" aria-hidden="true" viewBox="0 0 16 16">
+        <path d="m3 6 5 5 5-5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" />
+      </svg>
+    `;
   }
-  update(t) {
-    var i;
-    t.has("active") && this.active === !0 && ((i = W(this, T)) == null || i.style.setProperty("visibility", "hidden"), this.done = !1), super.update(t);
+  _submenuAccessibleName() {
+    return this._labelText ? `${this.submenuLabel}: ${this._labelText}` : this.submenuLabel;
   }
-  get ghostElement() {
-    return this.querySelector("img");
+  _onLabelSlotChange(t) {
+    const o = t.currentTarget.assignedNodes({ flatten: !0 });
+    this._assignNestedItems(), this._labelText = o.filter((r) => !(r instanceof HTMLElement && r.matches("nte-nav-item"))).map((r) => {
+      var a;
+      return ((a = r.textContent) == null ? void 0 : a.trim()) ?? "";
+    }).filter(Boolean).join(" ");
   }
-  async firstUpdated() {
-    var i, s, a;
-    if (this.brandElement === null) {
-      this.warn(`Brand element not found using selector: ${this.brandSelector}`);
-      return;
-    }
-    for (this.log("Waiting for Ghost element loading...", this.ghostElement), await Wt(this.ghostElement), await J(10); !((i = this.ghostElement) != null && i.naturalWidth); )
-      this.log("Waiting for Ghost element to have naturalWidth...", this.ghostElement), await J(100);
-    for (; this.brandElement && !this.brandElement.getBoundingClientRect().width; )
-      this.log("Waiting for Brand element to have width...", this.brandElement), await J(100);
-    const t = ((s = this.ghostElement) == null ? void 0 : s.naturalWidth) / ((a = this.ghostElement) == null ? void 0 : a.naturalHeight);
-    this.log("Setting Aspect ratio:", t), this.style.setProperty("--auto-aspect-ratio", t.toString()), this.log("Brand element is now loaded:", this.brandElement), this.initialized = !0, this.onScroll();
+  _onSubmenuSlotChange(t) {
+    const n = t.currentTarget;
+    this._hasSubmenu = n.assignedElements({ flatten: !0 }).some((o) => o.matches("nte-nav-item"));
   }
-  async connectedCallback() {
-    if (await V(), this.ghostElement === null) {
-      const t = this.brandElement;
-      if (this.log("first connectedCallback() on Brand element:", t), !t) {
-        this.warn(`Brand element not found using selector: ${this.brandSelector}`);
-        return;
-      }
-      if (!this.hasChildNodes()) {
-        const i = fe("img", { src: t.getAttribute("src") });
-        this.appendChild(i), this.onScroll();
-      }
-    }
-    super.connectedCallback();
+  _assignNestedItems() {
+    const t = Array.from(this.children).filter((n) => n.matches("nte-nav-item"));
+    t.forEach((n) => n.setAttribute("slot", "submenu")), this._hasSubmenu = t.length > 0;
   }
 }
-u = Xe(at);
-wt = /* @__PURE__ */ new WeakMap();
-yt = /* @__PURE__ */ new WeakMap();
-St = /* @__PURE__ */ new WeakMap();
-$t = /* @__PURE__ */ new WeakMap();
-kt = /* @__PURE__ */ new WeakMap();
-T = /* @__PURE__ */ new WeakMap();
-P(u, 4, "brandSelector", de, x, wt);
-P(u, 4, "active", le, x, yt);
-P(u, 4, "mode", oe, x, St);
-P(u, 4, "done", se, x, $t);
-P(u, 4, "initialized", ne, x, kt);
-P(u, 1, "onScroll", ae, x);
-x = P(u, 0, "NteNavBrandRelocator", ce, x);
-x.styles = [K(Je)];
-m(u, 1, x);
-console.log("Loading nte-nav...");
+s = Ve(D);
+U = /* @__PURE__ */ new WeakMap();
+X = /* @__PURE__ */ new WeakMap();
+Y = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+Z = /* @__PURE__ */ new WeakMap();
+_(s, 4, "href", Se, h, U);
+_(s, 4, "target", xe, h, X);
+_(s, 4, "rel", $e, h, Y);
+_(s, 4, "download", we, h, q);
+_(s, 4, "current", ke, h, J);
+_(s, 4, "submenuPopover", ye, h, K);
+_(s, 4, "submenuLabel", fe, h, Q);
+_(s, 4, "_hasSubmenu", ge, h, R);
+_(s, 4, "_labelText", _e, h, Z);
+h = _(s, 0, "NteNavItem", ze, h);
+h.styles = [le(We)];
+p(s, 1, h);
 export {
-  $ as NteNav,
-  x as NteNavBrandRelocator,
-  j as NteNavbar
+  M as NteNav,
+  h as NteNavItem
 };