@nextrap/nte-nav 1.1.26 → 1.1.27

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.1.27 (2025-09-11)
+
+This was a version bump only for nte-nav to align it with other projects, there were no code changes.
+
 ## 1.1.26 (2025-09-11)
 
 This was a version bump only for nte-nav to align it with other projects, there were no code changes.

package/components/nte-nav-brand-relocator/nte-nav-brand-relocator.d.ts

@@ -29,6 +29,7 @@ export declare class NteNavBrandRelocator extends NteNavBrandRelocator_base {
     private get brandElement();
     render(): import('lit-html').TemplateResult<1> | null;
     update(changedProperties: Map<string, any>): void;
+    private get ghostElement();
     firstUpdated(): Promise<void>;
     connectedCallback(): Promise<void>;
 }

package/index.js

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

package/package.json

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