@nextrap/nte-nav 1.1.27 → 1.1.28
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 +4 -0
- package/index.js +74 -72
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/index.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { waitForDomContentLoaded as q, isBiggerThanBreakpoint as
|
|
1
|
+
import { waitForDomContentLoaded as q, isBiggerThanBreakpoint as St, Debouncer as oe, SlotTool as Pt } from "@nextrap/nt-framework";
|
|
2
2
|
import "@nextrap/nte-offcanvas";
|
|
3
3
|
import { html as Y, unsafeCSS as H, LitElement as j } from "lit";
|
|
4
|
-
import { customElement as J, property as z, state as
|
|
5
|
-
import { createRef as
|
|
6
|
-
import { EventBindingsMixin as se, LoggingMixin as le, Listen as de, waitForLoad as ce, sleep as
|
|
4
|
+
import { customElement as J, property as z, state as Q } from "lit/decorators.js";
|
|
5
|
+
import { createRef as $t, ref as xt } from "lit/directives/ref.js";
|
|
6
|
+
import { EventBindingsMixin as se, LoggingMixin as le, Listen as de, waitForLoad as ce, sleep as K, create_element as he } from "@trunkjs/browser-utils";
|
|
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);--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, it = 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, i) => e in t ?
|
|
12
|
+
}, _e = (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)], 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) => {
|
|
13
13
|
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);
|
|
14
14
|
return o;
|
|
15
15
|
}, W = (t, e, i, o, a, n) => {
|
|
16
|
-
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] = []),
|
|
16
|
+
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] = []), I = t[f] || (t[f] = []), c = r && (!d && !g && (a = a.prototype), r < 5 && (r > 3 || !d) && fe(r < 4 ? a : { get [i]() {
|
|
17
17
|
return Et(this, n);
|
|
18
18
|
}, set [i](l) {
|
|
19
19
|
return zt(this, n, l);
|
|
20
20
|
} }, i));
|
|
21
21
|
r ? d && r < 4 && kt(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : kt(a, i);
|
|
22
22
|
for (var w = o.length - 1; w >= 0; w--)
|
|
23
|
-
p = be(r, i, m = {}, t[3],
|
|
24
|
-
return r || me(t, a), c &&
|
|
25
|
-
},
|
|
23
|
+
p = be(r, i, m = {}, t[3], I), 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));
|
|
24
|
+
return r || me(t, a), c && it(a, i, c), d ? r ^ 4 ? n : c : a;
|
|
25
|
+
}, rt = (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) => (rt(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) => (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), Lt, Bt, It, Rt, At, V, Dt, u, at, nt, ot, st, lt;
|
|
26
26
|
Dt = [J("nte-nav")];
|
|
27
|
-
class x extends (
|
|
27
|
+
class x extends (V = j, At = [z({ type: String, reflect: !0 })], Rt = [z({ type: String, reflect: !0 })], It = [z({ type: String, reflect: !0, attribute: "transfer-to" })], Bt = [z({ type: String, reflect: !1, attribute: "data-group-name" })], Lt = [Q()], V) {
|
|
28
28
|
constructor() {
|
|
29
|
-
super(), R(this,
|
|
29
|
+
super(), R(this, at, S(u, 8, this, "slave")), S(u, 11, this), R(this, nt, S(u, 12, this, "99999px")), S(u, 15, this), R(this, ot, S(u, 16, this, "")), S(u, 19, this), R(this, st, S(u, 20, this, "")), S(u, 23, this), R(this, lt, S(u, 24, this, !1)), S(u, 27, this);
|
|
30
30
|
}
|
|
31
31
|
getOffcanvas() {
|
|
32
32
|
return this.transferTo ? document.querySelector(this.transferTo) : null;
|
|
@@ -89,46 +89,46 @@ class x extends (Q = j, At = [z({ type: String, reflect: !0 })], Rt = [z({ type:
|
|
|
89
89
|
!i.contains("nav-vertical") && !i.contains("nav-horizontal") && i.add(this.closest("nte-offcanvas") === null ? "nav-horizontal" : "nav-vertical");
|
|
90
90
|
}
|
|
91
91
|
async connectedCallback() {
|
|
92
|
-
await q(), super.connectedCallback(), this.mode !== "slave" && this.transferTo !== "" && (this._isTransferred = !1, this.breakpoint !== "" && (
|
|
93
|
-
|
|
92
|
+
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) => {
|
|
93
|
+
St(this.breakpoint) ? this._isTransferred = !1 : this._isTransferred = !0;
|
|
94
94
|
})));
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
u = ge(
|
|
98
|
-
rt = /* @__PURE__ */ new WeakMap();
|
|
97
|
+
u = ge(V);
|
|
99
98
|
at = /* @__PURE__ */ new WeakMap();
|
|
100
99
|
nt = /* @__PURE__ */ new WeakMap();
|
|
101
100
|
ot = /* @__PURE__ */ new WeakMap();
|
|
102
101
|
st = /* @__PURE__ */ new WeakMap();
|
|
103
|
-
|
|
104
|
-
W(u, 4, "
|
|
105
|
-
W(u, 4, "
|
|
106
|
-
W(u, 4, "
|
|
107
|
-
W(u, 4, "
|
|
102
|
+
lt = /* @__PURE__ */ new WeakMap();
|
|
103
|
+
W(u, 4, "mode", At, x, at);
|
|
104
|
+
W(u, 4, "breakpoint", Rt, x, nt);
|
|
105
|
+
W(u, 4, "transferTo", It, x, ot);
|
|
106
|
+
W(u, 4, "dataGroupName", Bt, x, st);
|
|
107
|
+
W(u, 4, "_isTransferred", Lt, x, lt);
|
|
108
108
|
x = W(u, 0, "NteNav", Dt, x);
|
|
109
109
|
x.styles = [H(ve)];
|
|
110
110
|
S(u, 1, x);
|
|
111
111
|
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
|
-
var $e = Object.create,
|
|
112
|
+
var $e = Object.create, dt = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Ft = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), L = (t) => {
|
|
113
113
|
throw TypeError(t);
|
|
114
|
-
}, ke = (t, e, i) => e in t ?
|
|
114
|
+
}, ke = (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 }), 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)) }), Ce = (t, e) => ke(e, Ft("metadata"), t[3]), X = (t, e, i, o) => {
|
|
115
115
|
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);
|
|
116
116
|
return o;
|
|
117
117
|
}, Gt = (t, e, i, o, a, n) => {
|
|
118
|
-
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] = []),
|
|
119
|
-
return
|
|
118
|
+
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] = []), I = t[f] || (t[f] = []), c = r && (!d && !g && (a = a.prototype), r < 5 && (r > 3 || !d) && xe(r < 4 ? a : { get [i]() {
|
|
119
|
+
return Ot(this, n);
|
|
120
120
|
}, set [i](l) {
|
|
121
121
|
return Nt(this, n, l);
|
|
122
122
|
} }, i));
|
|
123
|
-
r ? d && r < 4 &&
|
|
123
|
+
r ? d && r < 4 && Ct(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : Ct(a, i);
|
|
124
124
|
for (var w = o.length - 1; w >= 0; w--)
|
|
125
|
-
p = ze(r, i, m = {}, t[3],
|
|
126
|
-
return r ||
|
|
127
|
-
},
|
|
125
|
+
p = ze(r, i, m = {}, t[3], I), r && (p.static = g, p.private = d, _ = p.access = { has: d ? (l) => Oe(a, l) : (l) => i in l }, r ^ 3 && (_.get = d ? (l) => (r ^ 1 ? Ot : 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));
|
|
126
|
+
return r || Ce(t, a), c && dt(a, i, c), d ? r ^ 4 ? n : c : a;
|
|
127
|
+
}, ct = (t, e, i) => e.has(t) || L("Cannot " + i), Oe = (t, e) => Object(e) !== e ? L('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)), 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) => (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), Ut, Z, qt, P, ht;
|
|
128
128
|
qt = [J("nte-navbar")];
|
|
129
|
-
class G extends (
|
|
129
|
+
class G extends (Z = j, Ut = [z({ type: Number, attribute: "scroll-threshold", reflect: !0 })], Z) {
|
|
130
130
|
constructor() {
|
|
131
|
-
super(), this.navbarRef =
|
|
131
|
+
super(), this.navbarRef = $t(), this.spacerRef = $t(), Ne(this, ht, X(P, 8, this, 0)), X(P, 11, this), this._lastScrollY = window.scrollY, this._scrollUpPixels = 0, this._debouncer = void 0, this._debouncer = new oe(100, 300), document.addEventListener(
|
|
132
132
|
"scroll",
|
|
133
133
|
async () => {
|
|
134
134
|
this.updateScrollState();
|
|
@@ -156,8 +156,8 @@ class G extends (X = j, Ut = [z({ type: Number, attribute: "scroll-threshold", r
|
|
|
156
156
|
render() {
|
|
157
157
|
return Y`
|
|
158
158
|
<div id="wrapper" part="wrapper">
|
|
159
|
-
<div id="spacer" part="spacer" ${
|
|
160
|
-
<div id="navbar" part="navbar" ${
|
|
159
|
+
<div id="spacer" part="spacer" ${xt(this.spacerRef)}></div>
|
|
160
|
+
<div id="navbar" part="navbar" ${xt(this.navbarRef)}>
|
|
161
161
|
<div id="brand" part="brand">
|
|
162
162
|
<slot name="brand"></slot>
|
|
163
163
|
</div>
|
|
@@ -169,27 +169,27 @@ class G extends (X = j, Ut = [z({ type: Number, attribute: "scroll-threshold", r
|
|
|
169
169
|
`;
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
|
-
P = Ee(
|
|
173
|
-
|
|
174
|
-
Gt(P, 4, "scrollThreshold", Ut, G,
|
|
172
|
+
P = Ee(Z);
|
|
173
|
+
ht = /* @__PURE__ */ new WeakMap();
|
|
174
|
+
Gt(P, 4, "scrollThreshold", Ut, G, ht);
|
|
175
175
|
G = Gt(P, 0, "NteNavbar", qt, G);
|
|
176
176
|
G.styles = [H(Se)];
|
|
177
|
-
|
|
177
|
+
X(P, 1, G);
|
|
178
178
|
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}";
|
|
179
|
-
var Me = Object.create,
|
|
179
|
+
var Me = Object.create, pt = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Ht = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), jt = (t) => {
|
|
180
180
|
throw TypeError(t);
|
|
181
|
-
}, Le = (t, e, i) => e in t ?
|
|
181
|
+
}, Le = (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 }), Ie = (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) => {
|
|
182
182
|
for (var a = 0, n = t[e >> 1], h = n && n.length; a < h; a++) n[a].call(i);
|
|
183
183
|
return o;
|
|
184
184
|
}, Ye = (t, e, i, o, a, n) => {
|
|
185
185
|
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));
|
|
186
|
-
|
|
186
|
+
Be(a, i);
|
|
187
187
|
for (var f = o.length - 1; f >= 0; f--)
|
|
188
188
|
m = Ae(p, i, s = {}, t[3], g), h = (0, o[f])(a, m), s._ = 1, Jt(h) && (a = h);
|
|
189
|
-
return De(t, a), d &&
|
|
190
|
-
}, Kt,
|
|
189
|
+
return De(t, a), d && pt(a, i, d), _ ? p ^ 4 ? n : d : a;
|
|
190
|
+
}, Kt, vt, Qt;
|
|
191
191
|
Kt = [J("nte-navbar-line")];
|
|
192
|
-
const
|
|
192
|
+
const yt = class yt extends (Qt = j) {
|
|
193
193
|
constructor() {
|
|
194
194
|
super(...arguments), this._isScrolled = !1;
|
|
195
195
|
}
|
|
@@ -221,32 +221,32 @@ const wt = class wt extends (Qt = j) {
|
|
|
221
221
|
`;
|
|
222
222
|
}
|
|
223
223
|
};
|
|
224
|
-
|
|
225
|
-
let U =
|
|
226
|
-
|
|
227
|
-
U = Ye(
|
|
228
|
-
Fe(
|
|
224
|
+
yt.styles = [H(Pe)];
|
|
225
|
+
let U = yt;
|
|
226
|
+
vt = Ie(Qt);
|
|
227
|
+
U = Ye(vt, 0, "NteNavbarLine", Kt, U);
|
|
228
|
+
Fe(vt, 1, U);
|
|
229
229
|
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
|
-
var Ue = Object.create,
|
|
230
|
+
var Ue = Object.create, ut = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, Vt = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), B = (t) => {
|
|
231
231
|
throw TypeError(t);
|
|
232
|
-
}, He = (t, e, i) => e in t ?
|
|
232
|
+
}, 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) => [, , , 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, i, o, a) => ({ kind: Xt[t], name: e, metadata: o, addInitializer: (n) => i._ ? B("Already initialized") : a.push(F(n || null)) }), Ke = (t, e) => He(e, Vt("metadata"), t[3]), b = (t, e, i, o) => {
|
|
233
233
|
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);
|
|
234
234
|
return o;
|
|
235
|
-
},
|
|
236
|
-
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] = []),
|
|
235
|
+
}, O = (t, e, i, o, a, n) => {
|
|
236
|
+
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] = []), I = t[f] || (t[f] = []), c = r && (!d && !g && (a = a.prototype), r < 5 && (r > 3 || !d) && qe(r < 4 ? a : { get [i]() {
|
|
237
237
|
return T(this, n);
|
|
238
238
|
}, set [i](l) {
|
|
239
|
-
return
|
|
239
|
+
return tt(this, n, l);
|
|
240
240
|
} }, i));
|
|
241
241
|
r ? d && r < 4 && Tt(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : Tt(a, i);
|
|
242
242
|
for (var w = o.length - 1; w >= 0; w--)
|
|
243
|
-
p = Je(r, i, m = {}, t[3],
|
|
244
|
-
return r || Ke(t, a), c &&
|
|
245
|
-
},
|
|
243
|
+
p = Je(r, i, m = {}, t[3], I), 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) => tt(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 ? B("Object expected") : (F(h = s.get) && (c.get = h), F(h = s.set) && (c.set = h), F(h = s.init) && E.unshift(h));
|
|
244
|
+
return r || Ke(t, a), c && ut(a, i, c), d ? r ^ 4 ? n : c : a;
|
|
245
|
+
}, 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 = (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), tt = (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), Zt, te, ee, ie, re, ae, et, ne, v, _t, gt, bt, mt, wt, C;
|
|
246
246
|
ne = [J("nte-nav-brand-relocator")];
|
|
247
|
-
class $ extends (
|
|
247
|
+
class $ extends (et = se(le(j)), ae = [z({ type: String, reflect: !0 })], re = [z({ type: Boolean, reflect: !0 })], ie = [z({ type: String, reflect: !0 })], ee = [Q()], te = [Q()], Zt = [de("scroll", { target: "window", options: { passive: !0 } })], et) {
|
|
248
248
|
constructor() {
|
|
249
|
-
super(...arguments), b(v, 5, this), N(this,
|
|
249
|
+
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
250
|
}
|
|
251
251
|
onScroll() {
|
|
252
252
|
if (this.mode !== "auto") {
|
|
@@ -260,7 +260,7 @@ class $ extends (tt = se(le(j)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
260
260
|
this.log("Animation ended - finalizing state"), this.active || (this.brandElement.style.visibility = "visible", this.done = !0);
|
|
261
261
|
}
|
|
262
262
|
get brandElement() {
|
|
263
|
-
return T(this,
|
|
263
|
+
return T(this, C) || (tt(this, C, document.querySelector(this.brandSelector)), T(this, C) || this.warn(`Brand element not found using selector: ${this.brandSelector}`)), T(this, C);
|
|
264
264
|
}
|
|
265
265
|
render() {
|
|
266
266
|
var a;
|
|
@@ -287,7 +287,7 @@ class $ extends (tt = se(le(j)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
287
287
|
}
|
|
288
288
|
update(e) {
|
|
289
289
|
var i;
|
|
290
|
-
e.has("active") && this.active === !0 && ((i = T(this,
|
|
290
|
+
e.has("active") && this.active === !0 && ((i = T(this, C)) == null || i.style.setProperty("visibility", "hidden"), this.done = !1), super.update(e);
|
|
291
291
|
}
|
|
292
292
|
get ghostElement() {
|
|
293
293
|
return this.querySelector("img");
|
|
@@ -298,8 +298,10 @@ class $ extends (tt = se(le(j)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
298
298
|
this.warn(`Brand element not found using selector: ${this.brandSelector}`);
|
|
299
299
|
return;
|
|
300
300
|
}
|
|
301
|
-
for (this.log("Waiting for Ghost element loading...", this.ghostElement), await ce(this.ghostElement), await
|
|
302
|
-
this.log("Waiting for Ghost element to have naturalWidth...", this.ghostElement), await
|
|
301
|
+
for (this.log("Waiting for Ghost element loading...", this.ghostElement), await ce(this.ghostElement), await K(10); !((i = this.ghostElement) != null && i.naturalWidth); )
|
|
302
|
+
this.log("Waiting for Ghost element to have naturalWidth...", this.ghostElement), await K(100);
|
|
303
|
+
for (; this.brandElement && !this.brandElement.getBoundingClientRect().width; )
|
|
304
|
+
this.log("Waiting for Brand element to have width...", this.brandElement), await K(100);
|
|
303
305
|
const e = ((o = this.ghostElement) == null ? void 0 : o.naturalWidth) / ((a = this.ghostElement) == null ? void 0 : a.naturalHeight);
|
|
304
306
|
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();
|
|
305
307
|
}
|
|
@@ -318,20 +320,20 @@ class $ extends (tt = se(le(j)), ae = [z({ type: String, reflect: !0 })], re = [
|
|
|
318
320
|
super.connectedCallback();
|
|
319
321
|
}
|
|
320
322
|
}
|
|
321
|
-
v = je(
|
|
322
|
-
ft = /* @__PURE__ */ new WeakMap();
|
|
323
|
+
v = je(et);
|
|
323
324
|
_t = /* @__PURE__ */ new WeakMap();
|
|
324
325
|
gt = /* @__PURE__ */ new WeakMap();
|
|
325
326
|
bt = /* @__PURE__ */ new WeakMap();
|
|
326
327
|
mt = /* @__PURE__ */ new WeakMap();
|
|
327
|
-
|
|
328
|
-
C
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
328
|
+
wt = /* @__PURE__ */ new WeakMap();
|
|
329
|
+
C = /* @__PURE__ */ new WeakMap();
|
|
330
|
+
O(v, 4, "brandSelector", ae, $, _t);
|
|
331
|
+
O(v, 4, "active", re, $, gt);
|
|
332
|
+
O(v, 4, "mode", ie, $, bt);
|
|
333
|
+
O(v, 4, "done", ee, $, mt);
|
|
334
|
+
O(v, 4, "initialized", te, $, wt);
|
|
335
|
+
O(v, 1, "onScroll", Zt, $);
|
|
336
|
+
$ = O(v, 0, "NteNavBrandRelocator", ne, $);
|
|
335
337
|
$.styles = [H(Ge)];
|
|
336
338
|
b(v, 1, $);
|
|
337
339
|
console.log("Loading nte-nav...");
|