@nextrap/nte-nav 1.1.23 → 1.1.25

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.1.25 (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.24 (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.23 (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

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

package/index.js

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

package/package.json

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