@nextrap/nte-nav 1.1.30 → 1.1.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/index.js +62 -60
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 1.1.31 (2026-03-03)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- use aliasesExclude to avoid internal relative paths ([6b8123e](https://github.com/nextrap/nextrap-monorepo/commit/6b8123e))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Enzo Volkmann @evolkmann
|
|
10
|
+
|
|
1
11
|
## 1.1.30 (2026-02-25)
|
|
2
12
|
|
|
3
13
|
### 🩹 Fixes
|
package/index.js
CHANGED
|
@@ -7,22 +7,22 @@ import { EventBindingsMixin as se, LoggingMixin as le, Listen as de, waitForLoad
|
|
|
7
7
|
import { styleMap as pe } from "lit/directives/style-map.js";
|
|
8
8
|
import "@nextrap/nte-burger";
|
|
9
9
|
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)}";
|
|
10
|
-
var ue = Object.create,
|
|
10
|
+
var ue = Object.create, rt = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, Mt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), M = (t) => {
|
|
11
11
|
throw TypeError(t);
|
|
12
|
-
}, _e = (t, e,
|
|
13
|
-
for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) e & 1 ? n[a].call(
|
|
12
|
+
}, _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) => {
|
|
13
|
+
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);
|
|
14
14
|
return o;
|
|
15
|
-
}, W = (t, e,
|
|
16
|
-
var h, s, m, p, _,
|
|
15
|
+
}, W = (t, e, r, o, a, n) => {
|
|
16
|
+
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]() {
|
|
17
17
|
return Et(this, n);
|
|
18
|
-
}, set [
|
|
18
|
+
}, set [r](l) {
|
|
19
19
|
return zt(this, n, l);
|
|
20
|
-
} },
|
|
21
|
-
|
|
20
|
+
} }, r));
|
|
21
|
+
i ? d && i < 4 && kt(n, (i > 2 ? "set " : i > 1 ? "get " : "") + r) : kt(a, r);
|
|
22
22
|
for (var w = o.length - 1; w >= 0; w--)
|
|
23
|
-
p = be(
|
|
24
|
-
return
|
|
25
|
-
},
|
|
23
|
+
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));
|
|
24
|
+
return i || me(t, a), c && rt(a, r, c), d ? i ^ 4 ? n : c : a;
|
|
25
|
+
}, 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;
|
|
26
26
|
Dt = [J("nte-nav")];
|
|
27
27
|
class x extends (V = H, 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) {
|
|
28
28
|
constructor() {
|
|
@@ -51,8 +51,10 @@ class x extends (V = H, At = [z({ type: String, reflect: !0 })], Rt = [z({ type:
|
|
|
51
51
|
>
|
|
52
52
|
<!-- fallback icon -->
|
|
53
53
|
${this._isTransferred ? Y`<div id="burger-default" style="display:flex; align-items: center; justify-content: center;">
|
|
54
|
-
<div id="text"><slot name="menu-text"></slot></div>
|
|
54
|
+
<div id="text" part="menutext"><slot name="menu-text"></slot></div>
|
|
55
55
|
<nte-burger
|
|
56
|
+
part="burger"
|
|
57
|
+
label="Menu"
|
|
56
58
|
data-group-name="${this.dataGroupName}"
|
|
57
59
|
id="open-burger"
|
|
58
60
|
onclick="this.open = true"
|
|
@@ -68,25 +70,25 @@ class x extends (V = H, At = [z({ type: String, reflect: !0 })], Rt = [z({ type:
|
|
|
68
70
|
}
|
|
69
71
|
transferToElement(e) {
|
|
70
72
|
var a;
|
|
71
|
-
const
|
|
72
|
-
if (
|
|
73
|
+
const r = (a = this.shadowRoot) == null ? void 0 : a.querySelector("#main-slot");
|
|
74
|
+
if (r === null)
|
|
73
75
|
return;
|
|
74
|
-
Array.from(
|
|
76
|
+
Array.from(r.assignedElements({ flatten: !0 })).forEach((n) => {
|
|
75
77
|
n instanceof HTMLElement && e.appendChild(n);
|
|
76
78
|
});
|
|
77
79
|
}
|
|
78
80
|
updated(e) {
|
|
79
|
-
var
|
|
81
|
+
var r, o;
|
|
80
82
|
super.updated(e), this._isTransferred ? this.transferToElement(
|
|
81
83
|
this.getOffcanvasNav() ?? (() => {
|
|
82
84
|
throw new Error("No offcanvas nav found");
|
|
83
85
|
})()
|
|
84
|
-
) : ((
|
|
86
|
+
) : ((r = this.getOffcanvasNav()) == null || r.transferToElement(this), (o = this.getOffcanvas()) == null || o.close());
|
|
85
87
|
}
|
|
86
88
|
firstUpdated(e) {
|
|
87
89
|
super.firstUpdated(e);
|
|
88
|
-
const
|
|
89
|
-
!
|
|
90
|
+
const r = this.classList;
|
|
91
|
+
!r.contains("nav-vertical") && !r.contains("nav-horizontal") && r.add(this.closest("nte-offcanvas") === null ? "nav-horizontal" : "nav-vertical");
|
|
90
92
|
}
|
|
91
93
|
async connectedCallback() {
|
|
92
94
|
await q(), super.connectedCallback(), this.mode !== "slave" && this.transferTo !== "" && (this._isTransferred = !1, this.breakpoint !== "" && (St(this.breakpoint) || (this._isTransferred = !0), window.addEventListener("breakpoint-changed", (e) => {
|
|
@@ -111,20 +113,20 @@ S(u, 1, x);
|
|
|
111
113
|
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}";
|
|
112
114
|
var $e = Object.create, dt = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Ft = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), L = (t) => {
|
|
113
115
|
throw TypeError(t);
|
|
114
|
-
}, ke = (t, e,
|
|
115
|
-
for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) e & 1 ? n[a].call(
|
|
116
|
+
}, ke = (t, e, r) => e in t ? dt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ct = (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)) }), Ce = (t, e) => ke(e, Ft("metadata"), t[3]), X = (t, e, r, o) => {
|
|
117
|
+
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);
|
|
116
118
|
return o;
|
|
117
|
-
}, Gt = (t, e,
|
|
118
|
-
var h, s, m, p, _,
|
|
119
|
+
}, Gt = (t, e, r, o, a, n) => {
|
|
120
|
+
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]() {
|
|
119
121
|
return Ot(this, n);
|
|
120
|
-
}, set [
|
|
122
|
+
}, set [r](l) {
|
|
121
123
|
return Nt(this, n, l);
|
|
122
|
-
} },
|
|
123
|
-
|
|
124
|
+
} }, r));
|
|
125
|
+
i ? d && i < 4 && Ct(n, (i > 2 ? "set " : i > 1 ? "get " : "") + r) : Ct(a, r);
|
|
124
126
|
for (var w = o.length - 1; w >= 0; w--)
|
|
125
|
-
p = ze(
|
|
126
|
-
return
|
|
127
|
-
}, ct = (t, e,
|
|
127
|
+
p = ze(i, r, m = {}, t[3], I), i && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => Oe(a, l) : (l) => r in l }, i ^ 3 && (_.get = d ? (l) => (i ^ 1 ? Ot : Te)(l, a, i ^ 4 ? n : c.get) : (l) => l[r]), i > 2 && (_.set = d ? (l, y) => Nt(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));
|
|
128
|
+
return i || Ce(t, a), c && dt(a, r, c), d ? i ^ 4 ? n : c : a;
|
|
129
|
+
}, ct = (t, e, r) => e.has(t) || L("Cannot " + r), Oe = (t, e) => Object(e) !== e ? L('Cannot use the "in" operator on this value') : t.has(e), Ot = (t, e, r) => (ct(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Ne = (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), Nt = (t, e, r, o) => (ct(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Te = (t, e, r) => (ct(t, e, "access private method"), r), Ut, Z, qt, P, ht;
|
|
128
130
|
qt = [J("nte-navbar")];
|
|
129
131
|
class G extends (Z = H, Ut = [z({ type: Number, attribute: "scroll-threshold", reflect: !0 })], Z) {
|
|
130
132
|
constructor() {
|
|
@@ -178,15 +180,15 @@ X(P, 1, G);
|
|
|
178
180
|
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}";
|
|
179
181
|
var Me = Object.create, pt = Object.defineProperty, We = Object.getOwnPropertyDescriptor, jt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), Ht = (t) => {
|
|
180
182
|
throw TypeError(t);
|
|
181
|
-
}, Le = (t, e,
|
|
182
|
-
for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) n[a].call(
|
|
183
|
+
}, 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) => {
|
|
184
|
+
for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) n[a].call(r);
|
|
183
185
|
return o;
|
|
184
|
-
}, Ye = (t, e,
|
|
185
|
-
var h, s, m, p = e & 7, _ = !1,
|
|
186
|
-
Be(a,
|
|
186
|
+
}, Ye = (t, e, r, o, a, n) => {
|
|
187
|
+
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));
|
|
188
|
+
Be(a, r);
|
|
187
189
|
for (var f = o.length - 1; f >= 0; f--)
|
|
188
|
-
m = Ae(p,
|
|
189
|
-
return De(t, a), d && pt(a,
|
|
190
|
+
m = Ae(p, r, s = {}, t[3], g), h = (0, o[f])(a, m), s._ = 1, Jt(h) && (a = h);
|
|
191
|
+
return De(t, a), d && pt(a, r, d), _ ? p ^ 4 ? n : d : a;
|
|
190
192
|
}, Kt, vt, Qt;
|
|
191
193
|
Kt = [J("nte-navbar-line")];
|
|
192
194
|
const yt = class yt extends (Qt = H) {
|
|
@@ -229,22 +231,22 @@ Fe(vt, 1, U);
|
|
|
229
231
|
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}";
|
|
230
232
|
var Ue = Object.create, ut = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, Vt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), B = (t) => {
|
|
231
233
|
throw TypeError(t);
|
|
232
|
-
}, je = (t, e,
|
|
233
|
-
for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) e & 1 ? n[a].call(
|
|
234
|
+
}, je = (t, e, r) => e in t ? ut(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Tt = (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) => {
|
|
235
|
+
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);
|
|
234
236
|
return o;
|
|
235
|
-
}, O = (t, e,
|
|
236
|
-
var h, s, m, p, _,
|
|
237
|
+
}, O = (t, e, r, o, a, n) => {
|
|
238
|
+
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]() {
|
|
237
239
|
return T(this, n);
|
|
238
|
-
}, set [
|
|
240
|
+
}, set [r](l) {
|
|
239
241
|
return tt(this, n, l);
|
|
240
|
-
} },
|
|
241
|
-
|
|
242
|
+
} }, r));
|
|
243
|
+
i ? d && i < 4 && Tt(n, (i > 2 ? "set " : i > 1 ? "get " : "") + r) : Tt(a, r);
|
|
242
244
|
for (var w = o.length - 1; w >= 0; w--)
|
|
243
|
-
p = Je(
|
|
244
|
-
return
|
|
245
|
-
}, ft = (t, e,
|
|
245
|
+
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 ? T : 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));
|
|
246
|
+
return i || Ke(t, a), c && ut(a, r, c), d ? i ^ 4 ? n : c : a;
|
|
247
|
+
}, 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), T = (t, e, r) => (ft(t, e, "read from private field"), r ? r.call(t) : e.get(t)), N = (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, C;
|
|
246
248
|
ne = [J("nte-nav-brand-relocator")];
|
|
247
|
-
class $ extends (et = se(le(H)), ae = [z({ type: String, reflect: !0 })],
|
|
249
|
+
class $ extends (et = se(le(H)), 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) {
|
|
248
250
|
constructor() {
|
|
249
251
|
super(...arguments), b(v, 5, this), N(this, _t, b(v, 8, this, ".brand-image")), b(v, 11, this), N(this, gt, b(v, 12, this, null)), b(v, 15, this), N(this, bt, b(v, 16, this, "auto")), b(v, 19, this), N(this, mt, b(v, 20, this, !1)), b(v, 23, this), N(this, wt, b(v, 24, this, !1)), b(v, 27, this), N(this, C, null);
|
|
250
252
|
}
|
|
@@ -267,15 +269,15 @@ class $ extends (et = se(le(H)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
267
269
|
const e = (a = this.brandElement) == null ? void 0 : a.getBoundingClientRect();
|
|
268
270
|
if (!e)
|
|
269
271
|
return null;
|
|
270
|
-
const
|
|
272
|
+
const r = this.getBoundingClientRect(), o = {
|
|
271
273
|
"--orig-top": e.top + "px",
|
|
272
274
|
"--orig-left": e.left + "px",
|
|
273
275
|
"--orig-width": e.width + "px",
|
|
274
276
|
"--orig-height": e.height + "px",
|
|
275
|
-
"--self-top":
|
|
276
|
-
"--self-left":
|
|
277
|
-
"--self-width":
|
|
278
|
-
"--self-height":
|
|
277
|
+
"--self-top": r.top + "px",
|
|
278
|
+
"--self-left": r.left + "px",
|
|
279
|
+
"--self-width": r.width + "px",
|
|
280
|
+
"--self-height": r.height + "px"
|
|
279
281
|
};
|
|
280
282
|
return Y`<div
|
|
281
283
|
class="wrapper ${this.active ? "" : "inactive"} ${this.done ? "done" : ""} ${this.initialized ? "initialized" : ""}"
|
|
@@ -286,19 +288,19 @@ class $ extends (et = se(le(H)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
286
288
|
</div>`;
|
|
287
289
|
}
|
|
288
290
|
update(e) {
|
|
289
|
-
var
|
|
290
|
-
e.has("active") && this.active === !0 && ((
|
|
291
|
+
var r;
|
|
292
|
+
e.has("active") && this.active === !0 && ((r = T(this, C)) == null || r.style.setProperty("visibility", "hidden"), this.done = !1), super.update(e);
|
|
291
293
|
}
|
|
292
294
|
get ghostElement() {
|
|
293
295
|
return this.querySelector("img");
|
|
294
296
|
}
|
|
295
297
|
async firstUpdated() {
|
|
296
|
-
var
|
|
298
|
+
var r, o, a;
|
|
297
299
|
if (this.brandElement === null) {
|
|
298
300
|
this.warn(`Brand element not found using selector: ${this.brandSelector}`);
|
|
299
301
|
return;
|
|
300
302
|
}
|
|
301
|
-
for (this.log("Waiting for Ghost element loading...", this.ghostElement), await ce(this.ghostElement), await K(10); !((
|
|
303
|
+
for (this.log("Waiting for Ghost element loading...", this.ghostElement), await ce(this.ghostElement), await K(10); !((r = this.ghostElement) != null && r.naturalWidth); )
|
|
302
304
|
this.log("Waiting for Ghost element to have naturalWidth...", this.ghostElement), await K(100);
|
|
303
305
|
for (; this.brandElement && !this.brandElement.getBoundingClientRect().width; )
|
|
304
306
|
this.log("Waiting for Brand element to have width...", this.brandElement), await K(100);
|
|
@@ -313,8 +315,8 @@ class $ extends (et = se(le(H)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
313
315
|
return;
|
|
314
316
|
}
|
|
315
317
|
if (!this.hasChildNodes()) {
|
|
316
|
-
const
|
|
317
|
-
this.appendChild(
|
|
318
|
+
const r = he("img", { src: e.getAttribute("src") });
|
|
319
|
+
this.appendChild(r), this.onScroll();
|
|
318
320
|
}
|
|
319
321
|
}
|
|
320
322
|
super.connectedCallback();
|
|
@@ -328,8 +330,8 @@ mt = /* @__PURE__ */ new WeakMap();
|
|
|
328
330
|
wt = /* @__PURE__ */ new WeakMap();
|
|
329
331
|
C = /* @__PURE__ */ new WeakMap();
|
|
330
332
|
O(v, 4, "brandSelector", ae, $, _t);
|
|
331
|
-
O(v, 4, "active",
|
|
332
|
-
O(v, 4, "mode",
|
|
333
|
+
O(v, 4, "active", ie, $, gt);
|
|
334
|
+
O(v, 4, "mode", re, $, bt);
|
|
333
335
|
O(v, 4, "done", ee, $, mt);
|
|
334
336
|
O(v, 4, "initialized", te, $, wt);
|
|
335
337
|
O(v, 1, "onScroll", Zt, $);
|