@nextrap/nte-nav 1.1.35 → 1.1.36

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.1.36 (2026-03-12)
+
+### 🩹 Fixes
+
+- use aliasesExclude to avoid internal relative paths ([6b8123e](https://github.com/nextrap/nextrap-monorepo/commit/6b8123e))
+
+### ❤️ Thank You
+
+- Enzo Volkmann @evolkmann
+
 ## 1.1.35 (2026-03-12)
 
 ### 🩹 Fixes

package/index.js

@@ -1,19 +1,19 @@
-import { isBiggerThanBreakpoint as St, waitForDomContentLoaded as j, Debouncer as oe, SlotTool as Pt } from "@nextrap/nt-framework";
+import { isBiggerThanBreakpoint as St, Debouncer as se, waitForDomContentLoaded as K, SlotTool as Pt } from "@nextrap/nt-framework";
 import "@nextrap/nte-offcanvas";
-import { sleep as q, EventBindingsMixin as se, LoggingMixin as le, Listen as de, waitForLoad as ce, create_element as he } from "@trunkjs/browser-utils";
-import { html as Y, unsafeCSS as H, LitElement as J } from "lit";
-import { customElement as K, property as z, state as Q } from "lit/decorators.js";
+import { waitForLoad as Mt, sleep as q, EventBindingsMixin as le, LoggingMixin as de, Listen as ce, create_element as he } from "@trunkjs/browser-utils";
+import { html as Y, unsafeCSS as j, LitElement as H } from "lit";
+import { customElement as J, property as z, state as Q } from "lit/decorators.js";
 import { createRef as $t, ref as xt } from "lit/directives/ref.js";
 import { styleMap as pe } from "lit/directives/style-map.js";
 import "@nextrap/nte-burger";
 const ve = ":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 ue = Object.create, rt = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, Mt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), M = (t) => {
+var ue = Object.create, rt = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, Wt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), M = (t) => {
   throw TypeError(t);
-}, _e = (t, e, r) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, kt = (t, e) => rt(t, "name", { value: e, configurable: !0 }), ge = (t) => [, , , ue((t == null ? void 0 : t[Mt("metadata")]) ?? null)], Wt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], A = (t) => t !== void 0 && typeof t != "function" ? M("Function expected") : t, be = (t, e, r, o, a) => ({ kind: Wt[t], name: e, metadata: o, addInitializer: (n) => r._ ? M("Already initialized") : a.push(A(n || null)) }), me = (t, e) => _e(e, Mt("metadata"), t[3]), S = (t, e, r, o) => {
+}, _e = (t, e, r) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, kt = (t, e) => rt(t, "name", { value: e, configurable: !0 }), ge = (t) => [, , , ue((t == null ? void 0 : t[Wt("metadata")]) ?? null)], Lt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], A = (t) => t !== void 0 && typeof t != "function" ? M("Function expected") : t, be = (t, e, r, o, a) => ({ kind: Lt[t], name: e, metadata: o, addInitializer: (n) => r._ ? M("Already initialized") : a.push(A(n || null)) }), me = (t, e) => _e(e, Wt("metadata"), t[3]), S = (t, e, r, o) => {
   for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) e & 1 ? n[a].call(r) : o = n[a].call(r, o);
   return o;
 }, W = (t, e, r, o, a, n) => {
-  var h, s, m, p, _, i = e & 7, g = !!(e & 8), d = !!(e & 16), f = i > 3 ? t.length + 1 : i ? g ? 1 : 2 : 0, k = Wt[i + 5], E = i > 3 && (t[f - 1] = []), I = t[f] || (t[f] = []), c = i && (!d && !g && (a = a.prototype), i < 5 && (i > 3 || !d) && fe(i < 4 ? a : { get [r]() {
+  var h, s, m, p, _, i = e & 7, g = !!(e & 8), d = !!(e & 16), f = i > 3 ? t.length + 1 : i ? g ? 1 : 2 : 0, k = Lt[i + 5], E = i > 3 && (t[f - 1] = []), I = t[f] || (t[f] = []), c = i && (!d && !g && (a = a.prototype), i < 5 && (i > 3 || !d) && fe(i < 4 ? a : { get [r]() {
     return Et(this, n);
   }, set [r](l) {
     return zt(this, n, l);
@@ -22,9 +22,9 @@ var ue = Object.create, rt = Object.defineProperty, fe = Object.getOwnPropertyDe
   for (var w = o.length - 1; w >= 0; w--)
     p = be(i, r, m = {}, t[3], I), i && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => we(a, l) : (l) => r in l }, i ^ 3 && (_.get = d ? (l) => (i ^ 1 ? Et : ye)(l, a, i ^ 4 ? n : c.get) : (l) => l[r]), i > 2 && (_.set = d ? (l, y) => zt(l, a, y, i ^ 4 ? n : c.set) : (l, y) => l[r] = y)), s = (0, o[w])(i ? i < 4 ? d ? n : c[k] : i > 4 ? void 0 : { get: c.get, set: c.set } : a, p), m._ = 1, i ^ 4 || s === void 0 ? A(s) && (i > 4 ? E.unshift(s) : i ? d ? n = s : c[k] = s : a = s) : typeof s != "object" || s === null ? M("Object expected") : (A(h = s.get) && (c.get = h), A(h = s.set) && (c.set = h), A(h = s.init) && E.unshift(h));
   return i || me(t, a), c && rt(a, r, c), d ? i ^ 4 ? n : c : a;
-}, it = (t, e, r) => e.has(t) || M("Cannot " + r), we = (t, e) => Object(e) !== e ? M('Cannot use the "in" operator on this value') : t.has(e), Et = (t, e, r) => (it(t, e, "read from private field"), r ? r.call(t) : e.get(t)), R = (t, e, r) => e.has(t) ? M("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), zt = (t, e, r, o) => (it(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), ye = (t, e, r) => (it(t, e, "access private method"), r), Lt, Bt, It, Rt, At, V, Dt, u, at, nt, ot, st, lt;
-Dt = [K("nte-nav")];
-class x extends (V = J, At = [z({ type: String, reflect: !0 })], Rt = [z({ type: String, reflect: !0 })], It = [z({ type: String, reflect: !0, attribute: "transfer-to" })], Bt = [z({ type: String, reflect: !1, attribute: "data-group-name" })], Lt = [Q()], V) {
+}, it = (t, e, r) => e.has(t) || M("Cannot " + r), we = (t, e) => Object(e) !== e ? M('Cannot use the "in" operator on this value') : t.has(e), Et = (t, e, r) => (it(t, e, "read from private field"), r ? r.call(t) : e.get(t)), R = (t, e, r) => e.has(t) ? M("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), zt = (t, e, r, o) => (it(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), ye = (t, e, r) => (it(t, e, "access private method"), r), Bt, It, Rt, At, Dt, V, Ft, u, at, nt, ot, st, lt;
+Ft = [J("nte-nav")];
+class x extends (V = H, Dt = [z({ type: String, reflect: !0 })], At = [z({ type: String, reflect: !0 })], Rt = [z({ type: String, reflect: !0, attribute: "transfer-to" })], It = [z({ type: String, reflect: !1, attribute: "data-group-name" })], Bt = [Q()], V) {
   constructor() {
     super(), R(this, at, S(u, 8, this, "slave")), S(u, 11, this), R(this, nt, S(u, 12, this, "99999px")), S(u, 15, this), R(this, ot, S(u, 16, this, "")), S(u, 19, this), R(this, st, S(u, 20, this, "")), S(u, 23, this), R(this, lt, S(u, 24, this, !1)), S(u, 27, this);
   }
@@ -96,7 +96,7 @@ class x extends (V = J, At = [z({ type: String, reflect: !0 })], Rt = [z({ type:
   async connectedCallback() {
     super.connectedCallback(), this.mode !== "slave" && (this.transferTo !== "" && (this._isTransferred = !1, this.breakpoint !== "" && (St(this.breakpoint) || (this._isTransferred = !0), window.addEventListener("breakpoint-changed", (e) => {
       this.updateTransferState();
-    }))), await j(), this.updateTransferState(), await q(3e3), this.updateTransferState());
+    }))), await Mt(), this.updateTransferState(), await q(3e3), this.updateTransferState());
   }
 }
 u = ge(V);
@@ -105,22 +105,22 @@ nt = /* @__PURE__ */ new WeakMap();
 ot = /* @__PURE__ */ new WeakMap();
 st = /* @__PURE__ */ new WeakMap();
 lt = /* @__PURE__ */ new WeakMap();
-W(u, 4, "mode", At, x, at);
-W(u, 4, "breakpoint", Rt, x, nt);
-W(u, 4, "transferTo", It, x, ot);
-W(u, 4, "dataGroupName", Bt, x, st);
-W(u, 4, "_isTransferred", Lt, x, lt);
-x = W(u, 0, "NteNav", Dt, x);
-x.styles = [H(ve)];
+W(u, 4, "mode", Dt, x, at);
+W(u, 4, "breakpoint", At, x, nt);
+W(u, 4, "transferTo", Rt, x, ot);
+W(u, 4, "dataGroupName", It, x, st);
+W(u, 4, "_isTransferred", Bt, x, lt);
+x = W(u, 0, "NteNav", Ft, x);
+x.styles = [j(ve)];
 S(u, 1, x);
 const Se = "*,*: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 $e = Object.create, dt = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Ft = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), L = (t) => {
+var $e = Object.create, dt = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Yt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), L = (t) => {
   throw TypeError(t);
-}, ke = (t, e, r) => e in t ? dt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Tt = (t, e) => dt(t, "name", { value: e, configurable: !0 }), Ee = (t) => [, , , $e((t == null ? void 0 : t[Ft("metadata")]) ?? null)], Yt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], D = (t) => t !== void 0 && typeof t != "function" ? L("Function expected") : t, ze = (t, e, r, o, a) => ({ kind: Yt[t], name: e, metadata: o, addInitializer: (n) => r._ ? L("Already initialized") : a.push(D(n || null)) }), Te = (t, e) => ke(e, Ft("metadata"), t[3]), X = (t, e, r, o) => {
+}, ke = (t, e, r) => e in t ? dt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Tt = (t, e) => dt(t, "name", { value: e, configurable: !0 }), Ee = (t) => [, , , $e((t == null ? void 0 : t[Yt("metadata")]) ?? null)], Gt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], D = (t) => t !== void 0 && typeof t != "function" ? L("Function expected") : t, ze = (t, e, r, o, a) => ({ kind: Gt[t], name: e, metadata: o, addInitializer: (n) => r._ ? L("Already initialized") : a.push(D(n || null)) }), Te = (t, e) => ke(e, Yt("metadata"), t[3]), X = (t, e, r, o) => {
   for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) e & 1 ? n[a].call(r) : o = n[a].call(r, o);
   return o;
-}, Gt = (t, e, r, o, a, n) => {
-  var h, s, m, p, _, i = e & 7, g = !!(e & 8), d = !!(e & 16), f = i > 3 ? t.length + 1 : i ? g ? 1 : 2 : 0, k = Yt[i + 5], E = i > 3 && (t[f - 1] = []), I = t[f] || (t[f] = []), c = i && (!d && !g && (a = a.prototype), i < 5 && (i > 3 || !d) && xe(i < 4 ? a : { get [r]() {
+}, Ut = (t, e, r, o, a, n) => {
+  var h, s, m, p, _, i = e & 7, g = !!(e & 8), d = !!(e & 16), f = i > 3 ? t.length + 1 : i ? g ? 1 : 2 : 0, k = Gt[i + 5], E = i > 3 && (t[f - 1] = []), I = t[f] || (t[f] = []), c = i && (!d && !g && (a = a.prototype), i < 5 && (i > 3 || !d) && xe(i < 4 ? a : { get [r]() {
     return Ct(this, n);
   }, set [r](l) {
     return Ot(this, n, l);
@@ -129,11 +129,11 @@ var $e = Object.create, dt = Object.defineProperty, xe = Object.getOwnPropertyDe
   for (var w = o.length - 1; w >= 0; w--)
     p = ze(i, r, m = {}, t[3], I), i && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => Ce(a, l) : (l) => r in l }, i ^ 3 && (_.get = d ? (l) => (i ^ 1 ? Ct : Ne)(l, a, i ^ 4 ? n : c.get) : (l) => l[r]), i > 2 && (_.set = d ? (l, y) => Ot(l, a, y, i ^ 4 ? n : c.set) : (l, y) => l[r] = y)), s = (0, o[w])(i ? i < 4 ? d ? n : c[k] : i > 4 ? void 0 : { get: c.get, set: c.set } : a, p), m._ = 1, i ^ 4 || s === void 0 ? D(s) && (i > 4 ? E.unshift(s) : i ? d ? n = s : c[k] = s : a = s) : typeof s != "object" || s === null ? L("Object expected") : (D(h = s.get) && (c.get = h), D(h = s.set) && (c.set = h), D(h = s.init) && E.unshift(h));
   return i || Te(t, a), c && dt(a, r, c), d ? i ^ 4 ? n : c : a;
-}, ct = (t, e, r) => e.has(t) || L("Cannot " + r), Ce = (t, e) => Object(e) !== e ? L('Cannot use the "in" operator on this value') : t.has(e), Ct = (t, e, r) => (ct(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Oe = (t, e, r) => e.has(t) ? L("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), Ot = (t, e, r, o) => (ct(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Ne = (t, e, r) => (ct(t, e, "access private method"), r), Ut, Z, qt, P, ht;
-qt = [K("nte-navbar")];
-class G extends (Z = J, Ut = [z({ type: Number, attribute: "scroll-threshold", reflect: !0 })], Z) {
+}, ct = (t, e, r) => e.has(t) || L("Cannot " + r), Ce = (t, e) => Object(e) !== e ? L('Cannot use the "in" operator on this value') : t.has(e), Ct = (t, e, r) => (ct(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Oe = (t, e, r) => e.has(t) ? L("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), Ot = (t, e, r, o) => (ct(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Ne = (t, e, r) => (ct(t, e, "access private method"), r), qt, Z, jt, P, ht;
+jt = [J("nte-navbar")];
+class G extends (Z = H, qt = [z({ type: Number, attribute: "scroll-threshold", reflect: !0 })], Z) {
   constructor() {
-    super(), this.navbarRef = $t(), this.spacerRef = $t(), Oe(this, ht, X(P, 8, this, 0)), X(P, 11, this), this._lastScrollY = window.scrollY, this._scrollUpPixels = 0, this._debouncer = void 0, this._debouncer = new oe(100, 300), document.addEventListener(
+    super(), this.navbarRef = $t(), this.spacerRef = $t(), Oe(this, ht, X(P, 8, this, 0)), X(P, 11, this), this._lastScrollY = window.scrollY, this._scrollUpPixels = 0, this._debouncer = void 0, this._debouncer = new se(100, 300), document.addEventListener(
       "scroll",
       async () => {
         this.updateScrollState();
@@ -149,11 +149,11 @@ class G extends (Z = J, Ut = [z({ type: Number, attribute: "scroll-threshold", r
     e > 1 ? this.classList.add("is-scrolled") : this.classList.remove("is-scrolled"), e < this._lastScrollY ? (this._scrollUpPixels += this._lastScrollY - e, this._scrollUpPixels > 10 && e < this.scrollThreshold && this.classList.add("is-scrolling-up")) : (this._scrollUpPixels = 0, this.classList.remove("is-scrolling-up")), e > this.scrollThreshold ? this.classList.add("is-below-threshold") : this.classList.remove("is-below-threshold"), this._lastScrollY = e;
   }
   async connectedCallback() {
-    this.updateScrollState(), await j(), super.connectedCallback();
+    this.updateScrollState(), await K(), super.connectedCallback();
   }
   // Adjust the spacer height on every render
   async updated(e) {
-    await j(), super.updated(e);
+    await K(), super.updated(e);
   }
   firstUpdated(e) {
     Pt.observeEmptySlots(this);
@@ -176,25 +176,25 @@ class G extends (Z = J, Ut = [z({ type: Number, attribute: "scroll-threshold", r
 }
 P = Ee(Z);
 ht = /* @__PURE__ */ new WeakMap();
-Gt(P, 4, "scrollThreshold", Ut, G, ht);
-G = Gt(P, 0, "NteNavbar", qt, G);
-G.styles = [H(Se)];
+Ut(P, 4, "scrollThreshold", qt, G, ht);
+G = Ut(P, 0, "NteNavbar", jt, G);
+G.styles = [j(Se)];
 X(P, 1, G);
 const Pe = "*,*: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 Me = Object.create, pt = Object.defineProperty, We = Object.getOwnPropertyDescriptor, jt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), Ht = (t) => {
+var Me = Object.create, pt = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Ht = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), Jt = (t) => {
   throw TypeError(t);
-}, Le = (t, e, r) => e in t ? pt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Be = (t, e) => pt(t, "name", { value: e, configurable: !0 }), Ie = (t) => [, , , Me((t == null ? void 0 : t[jt("metadata")]) ?? null)], Re = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Jt = (t) => t !== void 0 && typeof t != "function" ? Ht("Function expected") : t, Ae = (t, e, r, o, a) => ({ kind: Re[t], name: e, metadata: o, addInitializer: (n) => r._ ? Ht("Already initialized") : a.push(Jt(n || null)) }), De = (t, e) => Le(e, jt("metadata"), t[3]), Fe = (t, e, r, o) => {
+}, Le = (t, e, r) => e in t ? pt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Be = (t, e) => pt(t, "name", { value: e, configurable: !0 }), Ie = (t) => [, , , Me((t == null ? void 0 : t[Ht("metadata")]) ?? null)], Re = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Kt = (t) => t !== void 0 && typeof t != "function" ? Jt("Function expected") : t, Ae = (t, e, r, o, a) => ({ kind: Re[t], name: e, metadata: o, addInitializer: (n) => r._ ? Jt("Already initialized") : a.push(Kt(n || null)) }), De = (t, e) => Le(e, Ht("metadata"), t[3]), Fe = (t, e, r, o) => {
   for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) n[a].call(r);
   return o;
 }, Ye = (t, e, r, o, a, n) => {
   var h, s, m, p = e & 7, _ = !1, i = 0, g = t[i] || (t[i] = []), d = p && (a = a.prototype, p < 5 && (p > 3 || !_) && We(a, r));
   Be(a, r);
   for (var f = o.length - 1; f >= 0; f--)
-    m = Ae(p, r, s = {}, t[3], g), h = (0, o[f])(a, m), s._ = 1, Jt(h) && (a = h);
+    m = Ae(p, r, s = {}, t[3], g), h = (0, o[f])(a, m), s._ = 1, Kt(h) && (a = h);
   return De(t, a), d && pt(a, r, d), _ ? p ^ 4 ? n : d : a;
-}, Kt, vt, Qt;
-Kt = [K("nte-navbar-line")];
-const yt = class yt extends (Qt = J) {
+}, Qt, vt, Vt;
+Qt = [J("nte-navbar-line")];
+const yt = class yt extends (Vt = H) {
   constructor() {
     super(...arguments), this._isScrolled = !1;
   }
@@ -226,19 +226,19 @@ const yt = class yt extends (Qt = J) {
     `;
   }
 };
-yt.styles = [H(Pe)];
+yt.styles = [j(Pe)];
 let U = yt;
-vt = Ie(Qt);
-U = Ye(vt, 0, "NteNavbarLine", Kt, U);
+vt = Ie(Vt);
+U = Ye(vt, 0, "NteNavbarLine", Qt, U);
 Fe(vt, 1, U);
 const Ge = ":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 Ue = Object.create, ut = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, Vt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), B = (t) => {
+var Ue = Object.create, ut = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, Xt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), B = (t) => {
   throw TypeError(t);
-}, je = (t, e, r) => e in t ? ut(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Nt = (t, e) => ut(t, "name", { value: e, configurable: !0 }), He = (t) => [, , , Ue((t == null ? void 0 : t[Vt("metadata")]) ?? null)], Xt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], F = (t) => t !== void 0 && typeof t != "function" ? B("Function expected") : t, Je = (t, e, r, o, a) => ({ kind: Xt[t], name: e, metadata: o, addInitializer: (n) => r._ ? B("Already initialized") : a.push(F(n || null)) }), Ke = (t, e) => je(e, Vt("metadata"), t[3]), b = (t, e, r, o) => {
+}, je = (t, e, r) => e in t ? ut(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Nt = (t, e) => ut(t, "name", { value: e, configurable: !0 }), He = (t) => [, , , Ue((t == null ? void 0 : t[Xt("metadata")]) ?? null)], Zt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], F = (t) => t !== void 0 && typeof t != "function" ? B("Function expected") : t, Je = (t, e, r, o, a) => ({ kind: Zt[t], name: e, metadata: o, addInitializer: (n) => r._ ? B("Already initialized") : a.push(F(n || null)) }), Ke = (t, e) => je(e, Xt("metadata"), t[3]), b = (t, e, r, o) => {
   for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) e & 1 ? n[a].call(r) : o = n[a].call(r, o);
   return o;
 }, C = (t, e, r, o, a, n) => {
-  var h, s, m, p, _, i = e & 7, g = !!(e & 8), d = !!(e & 16), f = i > 3 ? t.length + 1 : i ? g ? 1 : 2 : 0, k = Xt[i + 5], E = i > 3 && (t[f - 1] = []), I = t[f] || (t[f] = []), c = i && (!d && !g && (a = a.prototype), i < 5 && (i > 3 || !d) && qe(i < 4 ? a : { get [r]() {
+  var h, s, m, p, _, i = e & 7, g = !!(e & 8), d = !!(e & 16), f = i > 3 ? t.length + 1 : i ? g ? 1 : 2 : 0, k = Zt[i + 5], E = i > 3 && (t[f - 1] = []), I = t[f] || (t[f] = []), c = i && (!d && !g && (a = a.prototype), i < 5 && (i > 3 || !d) && qe(i < 4 ? a : { get [r]() {
     return N(this, n);
   }, set [r](l) {
     return tt(this, n, l);
@@ -247,9 +247,9 @@ var Ue = Object.create, ut = Object.defineProperty, qe = Object.getOwnPropertyDe
   for (var w = o.length - 1; w >= 0; w--)
     p = Je(i, r, m = {}, t[3], I), i && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => Qe(a, l) : (l) => r in l }, i ^ 3 && (_.get = d ? (l) => (i ^ 1 ? N : Ve)(l, a, i ^ 4 ? n : c.get) : (l) => l[r]), i > 2 && (_.set = d ? (l, y) => tt(l, a, y, i ^ 4 ? n : c.set) : (l, y) => l[r] = y)), s = (0, o[w])(i ? i < 4 ? d ? n : c[k] : i > 4 ? void 0 : { get: c.get, set: c.set } : a, p), m._ = 1, i ^ 4 || s === void 0 ? F(s) && (i > 4 ? E.unshift(s) : i ? d ? n = s : c[k] = s : a = s) : typeof s != "object" || s === null ? B("Object expected") : (F(h = s.get) && (c.get = h), F(h = s.set) && (c.set = h), F(h = s.init) && E.unshift(h));
   return i || Ke(t, a), c && ut(a, r, c), d ? i ^ 4 ? n : c : a;
-}, ft = (t, e, r) => e.has(t) || B("Cannot " + r), Qe = (t, e) => Object(e) !== e ? B('Cannot use the "in" operator on this value') : t.has(e), N = (t, e, r) => (ft(t, e, "read from private field"), r ? r.call(t) : e.get(t)), O = (t, e, r) => e.has(t) ? B("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), tt = (t, e, r, o) => (ft(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Ve = (t, e, r) => (ft(t, e, "access private method"), r), Zt, te, ee, re, ie, ae, et, ne, v, _t, gt, bt, mt, wt, T;
-ne = [K("nte-nav-brand-relocator")];
-class $ extends (et = se(le(J)), ae = [z({ type: String, reflect: !0 })], ie = [z({ type: Boolean, reflect: !0 })], re = [z({ type: String, reflect: !0 })], ee = [Q()], te = [Q()], Zt = [de("scroll", { target: "window", options: { passive: !0 } })], et) {
+}, ft = (t, e, r) => e.has(t) || B("Cannot " + r), Qe = (t, e) => Object(e) !== e ? B('Cannot use the "in" operator on this value') : t.has(e), N = (t, e, r) => (ft(t, e, "read from private field"), r ? r.call(t) : e.get(t)), O = (t, e, r) => e.has(t) ? B("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), tt = (t, e, r, o) => (ft(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Ve = (t, e, r) => (ft(t, e, "access private method"), r), te, ee, re, ie, ae, ne, et, oe, v, _t, gt, bt, mt, wt, T;
+oe = [J("nte-nav-brand-relocator")];
+class $ extends (et = le(de(H)), ne = [z({ type: String, reflect: !0 })], ae = [z({ type: Boolean, reflect: !0 })], ie = [z({ type: String, reflect: !0 })], re = [Q()], ee = [Q()], te = [ce("scroll", { target: "window", options: { passive: !0 } })], et) {
   constructor() {
     super(...arguments), b(v, 5, this), O(this, _t, b(v, 8, this, ".brand-image")), b(v, 11, this), O(this, gt, b(v, 12, this, null)), b(v, 15, this), O(this, bt, b(v, 16, this, "auto")), b(v, 19, this), O(this, mt, b(v, 20, this, !1)), b(v, 23, this), O(this, wt, b(v, 24, this, !1)), b(v, 27, this), O(this, T, null);
   }
@@ -303,7 +303,7 @@ class $ extends (et = se(le(J)), ae = [z({ type: String, reflect: !0 })], ie = [
       this.warn(`Brand element not found using selector: ${this.brandSelector}`);
       return;
     }
-    for (this.log("Waiting for Ghost element loading...", this.ghostElement), await ce(this.ghostElement), await q(10); !((r = this.ghostElement) != null && r.naturalWidth); )
+    for (this.log("Waiting for Ghost element loading...", this.ghostElement), await Mt(this.ghostElement), await q(10); !((r = this.ghostElement) != null && r.naturalWidth); )
       this.log("Waiting for Ghost element to have naturalWidth...", this.ghostElement), await q(100);
     for (; this.brandElement && !this.brandElement.getBoundingClientRect().width; )
       this.log("Waiting for Brand element to have width...", this.brandElement), await q(100);
@@ -311,7 +311,7 @@ class $ extends (et = se(le(J)), ae = [z({ type: String, reflect: !0 })], ie = [
     this.log("Setting Aspect ratio:", e), this.style.setProperty("--auto-aspect-ratio", e.toString()), this.log("Brand element is now loaded:", this.brandElement), this.initialized = !0, this.onScroll();
   }
   async connectedCallback() {
-    if (await j(), this.ghostElement === null) {
+    if (await K(), this.ghostElement === null) {
       const e = this.brandElement;
       if (this.log("first connectedCallback() on Brand element:", e), !e) {
         this.warn(`Brand element not found using selector: ${this.brandSelector}`);
@@ -332,14 +332,14 @@ bt = /* @__PURE__ */ new WeakMap();
 mt = /* @__PURE__ */ new WeakMap();
 wt = /* @__PURE__ */ new WeakMap();
 T = /* @__PURE__ */ new WeakMap();
-C(v, 4, "brandSelector", ae, $, _t);
-C(v, 4, "active", ie, $, gt);
-C(v, 4, "mode", re, $, bt);
-C(v, 4, "done", ee, $, mt);
-C(v, 4, "initialized", te, $, wt);
-C(v, 1, "onScroll", Zt, $);
-$ = C(v, 0, "NteNavBrandRelocator", ne, $);
-$.styles = [H(Ge)];
+C(v, 4, "brandSelector", ne, $, _t);
+C(v, 4, "active", ae, $, gt);
+C(v, 4, "mode", ie, $, bt);
+C(v, 4, "done", re, $, mt);
+C(v, 4, "initialized", ee, $, wt);
+C(v, 1, "onScroll", te, $);
+$ = C(v, 0, "NteNavBrandRelocator", oe, $);
+$.styles = [j(Ge)];
 b(v, 1, $);
 console.log("Loading nte-nav...");
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nextrap/nte-nav",
-    "version": "1.1.35",
+    "version": "1.1.36",
     "main": "./index.js",
     "dependencies": {
         "@nextrap/nt-framework": "^1.1.1",