@nextrap/nte-nav 1.1.29 → 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 +20 -0
- package/components/nte-nav-brand-relocator/nte-nav-brand-relocator.d.ts +1 -17
- package/index.css +1 -1
- package/index.js +73 -71
- package/package.json +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
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
|
+
|
|
11
|
+
## 1.1.30 (2026-02-25)
|
|
12
|
+
|
|
13
|
+
### 🩹 Fixes
|
|
14
|
+
|
|
15
|
+
- use aliasesExclude to avoid internal relative paths ([6b8123e](https://github.com/nextrap/nextrap-monorepo/commit/6b8123e))
|
|
16
|
+
|
|
17
|
+
### ❤️ Thank You
|
|
18
|
+
|
|
19
|
+
- Enzo Volkmann @evolkmann
|
|
20
|
+
|
|
1
21
|
## 1.1.29 (2025-09-12)
|
|
2
22
|
|
|
3
23
|
This was a version bump only for nte-nav to align it with other projects, there were no code changes.
|
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
declare const NteNavBrandRelocator_base: (abstract new (...
|
|
3
|
-
"__#2347@#ac"?: AbortController;
|
|
4
|
-
connectedCallback(): void;
|
|
5
|
-
disconnectedCallback(): void;
|
|
6
|
-
"__#2347@#bindEventListeners"(): void;
|
|
7
|
-
}) & (abstract new (...args: any[]) => {
|
|
8
|
-
"__#2348@#debugCached": boolean | null;
|
|
9
|
-
"__#2348@#myElementId": number;
|
|
10
|
-
invalidateDebugCache(): void;
|
|
11
|
-
"__#2348@#myLoggerInstance": import('@trunkjs/browser-utils').Logger | null;
|
|
12
|
-
readonly _debug: boolean;
|
|
13
|
-
getLogger(instanceId?: string): import('@trunkjs/browser-utils').Logger;
|
|
14
|
-
log(...args: any[]): void;
|
|
15
|
-
warn(...args: any[]): void;
|
|
16
|
-
error(...args: any[]): void;
|
|
17
|
-
throwError(...args: any[]): never;
|
|
18
|
-
}) & typeof LitElement;
|
|
2
|
+
declare const NteNavBrandRelocator_base: typeof LitElement & (abstract new (...args: any[]) => import('@trunkjs/browser-utils').LoggerMixinInterface);
|
|
19
3
|
export declare class NteNavBrandRelocator extends NteNavBrandRelocator_base {
|
|
20
4
|
#private;
|
|
21
5
|
static styles: import('lit').CSSResult[];
|
package/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.nav-vertical{width:100%}.nav-vertical ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%;gap:.15rem;position:relative}.nav-vertical ul>li{position:relative;display:block}.nav-vertical ul>li>a{display:block;padding:.65em 1.1em;color:var(--text-color);text-decoration:none;transition:background var(--transition),color var(--transition);font-weight:500}.nav-vertical ul>li>a.active,.nav-vertical ul>li>a:active{background-color:var(--hover-color);color:var(--hover-text-color)}.nav-vertical ul>li>a:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.nav-vertical ul>li>a:after{content:"";display:inline-block;margin-left:.47em;margin-bottom:.08em;border:solid currentColor;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg) scale(.8);opacity:0;transition:opacity var(--transition),transform var(--transition)}.nav-vertical ul>li:has(ul)>a:after{opacity:.55}.nav-vertical ul>li:active>a:after,.nav-vertical ul>li:focus-within>a:after{transform:rotate(135deg) scale(.85)}.nav-vertical ul>li:focus-within>ul{display:flex}.nav-vertical ul>li>ul{list-style:none;margin:0;padding:0 0 0 .7em;display:none;flex-direction:column}li>.nav-vertical ul>li>ul,.nav-vertical ul>li>ul:focus-within{display:flex}.nav-vertical ul>li>ul>li>a{padding:.55em 1.1em;font-size:.95em;font-weight:400;color:var(--text-color);transition:background var(--transition),color var(--transition)}.nav-vertical ul>li>ul>li>a:hover{background:var(--hover-color);color:var(--hover-text-color)}.nav-horizontal.pos-start{--justify-content: flex-start}.nav-horizontal.pos-end{--justify-content: flex-end}.nav-horizontal.pos-center{--justify-content: center}.nav-horizontal.pos-stretch>ul{display:flex}.nav-horizontal.pos-stretch>ul>li{flex-grow:1}.nav-horizontal.pos-stretch>ul>li>a{width:100%;justify-content:center}.nav-horizontal{--item-padding: .65em 1.1em;--padding: 0}.nav-horizontal.size-sm{--item-padding: 2px 15px;--item-margin: 2px .2em;--font-size: .6rem}.nav-horizontal.style-pills{--pill-background: rgba(var(--nt-primary-rgb), .8);--pill-radius: .5em;--pill-text-color: var(--nt-text-on-primary);--pill-hover-background: rgba(var(--nt-primary-rgb), 1)}.nav-horizontal.style-pills>ul>li>a{background:var(--pill-background);border-radius:var(--pill-radius);--text-color: var(--pill-text-color);transition:background var(--transition),color var(--transition)}.nav-horizontal.style-pills>ul>li>a:hover,.nav-horizontal.style-pills>ul>li>a:focus{background:var(--pill-hover-background);--font-color: var(--pill-text-color)}.nav-horizontal.style-pills>ul>li>a.active,.nav-horizontal.style-pills>ul>li>a:active{background:var(--pill-hover-background);--font-color: var(--pill-text-color)}.nav-horizontal.style-undecorated{--item-padding: .65em 1.1em;--item-margin: 0;--text-color: var(--nt-text);--hover-color: transparent;--submenu-hover-color: var(--nt-primary);--hover-text-color: var(--nt-text);--submenu-hover-text-color: var(--nt-primary);--submenu-bg: var(--nt-light);--submenu-text-color: var(--nt-text)}.nav-horizontal.style-undecorated a,.nav-horizontal.style-undecorated a>*{color:rgb(from var(--text-color) r g b/var(--default-alpha));transition:color var(--transition)}.nav-horizontal.style-undecorated a:hover,.nav-horizontal.style-undecorated a:hover>*{color:rgb(from var(--text-color) r g b/1)}.nav-horizontal ul{list-style:none;padding:var(--padding);margin:0;display:flex;flex-direction:row;align-items:center;position:relative;height:100%;justify-content:var(--justify-content)}.nav-horizontal ul>li,.nav-horizontal ul li{position:relative;display:flex;align-items:center;height:inherit}.nav-horizontal ul>li>a,.nav-horizontal ul li>a{display:flex;align-items:center;margin:var(--item-margin, 0);height:100%;padding:var(--item-padding);gap:.5em;text-decoration:none;color:var(--text-color);transition:background var(--transition),color var(--transition);font-weight:500}.nav-horizontal ul>li>a.active,.nav-horizontal ul>li>a:active,.nav-horizontal ul li>a.active,.nav-horizontal ul li>a:active{background:var(--hover-color);color:var(--hover-text-color)}.nav-horizontal ul>li>a:hover,li:hover>.nav-horizontal ul>li>a,.nav-horizontal ul li>a:hover,li:hover>.nav-horizontal ul li>a{background:var(--hover-color);color:var(--hover-text-color)}.nav-horizontal ul>li>a:after,.nav-horizontal ul li>a:after{content:"";display:none;margin-left:.47em;margin-bottom:.08em;border:solid currentColor;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg) scale(.8);opacity:0;transition:opacity var(--transition),transform var(--transition)}.nav-horizontal ul>li:has(ul)>a:after,.nav-horizontal ul li:has(ul)>a:after{opacity:.55;display:inline-block}.nav-horizontal ul>li:active>a:after,.nav-horizontal ul>li:focus-within>a:after,.nav-horizontal ul li:active>a:after,.nav-horizontal ul li:focus-within>a:after{transform:rotate(-135deg) scale(.85)}.nav-horizontal ul>li>ul,.nav-horizontal ul li>ul{display:block;visibility:hidden;opacity:0;pointer-events:none;min-width:11rem;background:var(--submenu-bg)!important;position:absolute;top:100%;left:0}.nav-horizontal ul>li>ul:last-child,.nav-horizontal ul li>ul:last-child{right:0;left:auto}.nav-horizontal ul>li>ul,.nav-horizontal ul li>ul{margin-top:.3em;flex-direction:column;z-index:3;transition:opacity var(--transition),transform var(--transition),visibility var(--transition);transform:translateY(-.7em)}.nav-horizontal ul>li>ul:hover,.nav-horizontal ul>li>ul:focus-within,.nav-horizontal ul li>ul:hover,.nav-horizontal ul li>ul:focus-within{visibility:visible;opacity:1;pointer-events:all;transform:translateY(0)}.nav-horizontal ul>li>ul>li,.nav-horizontal ul li>ul>li{display:flex;height:auto;background:var(--submenu-bg)}.nav-horizontal ul>li>ul>li>a,.nav-horizontal ul li>ul>li>a{display:block;width:100%;color:var(--text-color);padding:.63em 1.3em;font-size:.99em;font-weight:400;height:auto;transition:background var(--transition),color var(--transition)}.nav-horizontal ul>li>ul>li>a:hover,.nav-horizontal ul li>ul>li>a:hover{background:var(--submenu-hover-color);color:var(--submenu-hover-text-color)}.nav-horizontal ul>li:focus-within>ul,.nav-horizontal ul li:focus-within>ul{visibility:visible;opacity:1;pointer-events:all;transform:translateY(0)}nte-navbar.is-scrolled{--bg: rgb(from var(--nt-white) r g b / 1)}nte-navbar.autoborder{--border-color: var(--nt-light)}nte-navbar.autoborder.is-scrolled::part(navbar){border-bottom:1px solid rgb(from var(--border-color) r g b/.1)}nte-navbar.autoshadow{--shadow-color: var(--nt-dark);--shadow: 0 2px 4px rgb(from var(--shadow-color) r g b / .1)}nte-navbar.autoshadow::part(navbar){transition:box-shadow .5s ease-in-out}nte-navbar.autoshadow.is-scrolled::part(navbar){box-shadow:var(--shadow)}nte-navbar.fixed::part(navbar){position:fixed;top:0;left:0;opacity:1;width:100%}nte-navbar.autohide::part(navbar){transition:transform .3s ease-in-out}nte-navbar.autohide.state-pre-scrolled.state-scrolling-down::part(navbar){transform:translateY(-100%)}nte-navbar.autohide.state-pre-scrolled.state-scrolling-up::part(navbar){transform:translateY(0);position:fixed;top:0;left:0;opacity:1;width:100%}nte-navbar.autohide.state-scrolled::part(navbar){position:fixed;top:0;left:0;opacity:1;width:100%;transform:translateY(-100%)}nte-navbar.autohide.state-scrolled.state-scrolling-up::part(navbar){transform:translateY(0);position:fixed;top:0;left:0;opacity:1;width:100%}nte-navbar-line [slot=brand]{height:100%;
|
|
1
|
+
@charset "UTF-8";.nav-vertical{width:100%}.nav-vertical ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%;gap:.15rem;position:relative}.nav-vertical ul>li{position:relative;display:block}.nav-vertical ul>li>a{display:block;padding:.65em 1.1em;color:var(--text-color);text-decoration:none;transition:background var(--transition),color var(--transition);font-weight:500}.nav-vertical ul>li>a.active,.nav-vertical ul>li>a:active{background-color:var(--hover-color);color:var(--hover-text-color)}.nav-vertical ul>li>a:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.nav-vertical ul>li>a:after{content:"";display:inline-block;margin-left:.47em;margin-bottom:.08em;border:solid currentColor;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg) scale(.8);opacity:0;transition:opacity var(--transition),transform var(--transition)}.nav-vertical ul>li:has(ul)>a:after{opacity:.55}.nav-vertical ul>li:active>a:after,.nav-vertical ul>li:focus-within>a:after{transform:rotate(135deg) scale(.85)}.nav-vertical ul>li:focus-within>ul{display:flex}.nav-vertical ul>li>ul{list-style:none;margin:0;padding:0 0 0 .7em;display:none;flex-direction:column}li>.nav-vertical ul>li>ul,.nav-vertical ul>li>ul:focus-within{display:flex}.nav-vertical ul>li>ul>li>a{padding:.55em 1.1em;font-size:.95em;font-weight:400;color:var(--text-color);transition:background var(--transition),color var(--transition)}.nav-vertical ul>li>ul>li>a:hover{background:var(--hover-color);color:var(--hover-text-color)}.nav-horizontal.pos-start{--justify-content: flex-start}.nav-horizontal.pos-end{--justify-content: flex-end}.nav-horizontal.pos-center{--justify-content: center}.nav-horizontal.pos-stretch>ul{display:flex}.nav-horizontal.pos-stretch>ul>li{flex-grow:1}.nav-horizontal.pos-stretch>ul>li>a{width:100%;justify-content:center}.nav-horizontal{--item-padding: .65em 1.1em;--padding: 0}.nav-horizontal.size-sm{--item-padding: 2px 15px;--item-margin: 2px .2em;--font-size: .6rem}.nav-horizontal.style-pills{--pill-background: rgba(var(--nt-primary-rgb), .8);--pill-radius: .5em;--pill-text-color: var(--nt-text-on-primary);--pill-hover-background: rgba(var(--nt-primary-rgb), 1)}.nav-horizontal.style-pills>ul>li>a{background:var(--pill-background);border-radius:var(--pill-radius);--text-color: var(--pill-text-color);transition:background var(--transition),color var(--transition)}.nav-horizontal.style-pills>ul>li>a:hover,.nav-horizontal.style-pills>ul>li>a:focus{background:var(--pill-hover-background);--font-color: var(--pill-text-color)}.nav-horizontal.style-pills>ul>li>a.active,.nav-horizontal.style-pills>ul>li>a:active{background:var(--pill-hover-background);--font-color: var(--pill-text-color)}.nav-horizontal.style-undecorated{--item-padding: .65em 1.1em;--item-margin: 0;--text-color: var(--nt-text);--hover-color: transparent;--submenu-hover-color: var(--nt-primary);--hover-text-color: var(--nt-text);--submenu-hover-text-color: var(--nt-primary);--submenu-bg: var(--nt-light);--submenu-text-color: var(--nt-text)}.nav-horizontal.style-undecorated a,.nav-horizontal.style-undecorated a>*{color:rgb(from var(--text-color) r g b/var(--default-alpha));transition:color var(--transition)}.nav-horizontal.style-undecorated a:hover,.nav-horizontal.style-undecorated a:hover>*{color:rgb(from var(--text-color) r g b/1)}.nav-horizontal ul{list-style:none;padding:var(--padding);margin:0;display:flex;flex-direction:row;align-items:center;position:relative;height:100%;justify-content:var(--justify-content)}.nav-horizontal ul>li,.nav-horizontal ul li{position:relative;display:flex;align-items:center;height:inherit}.nav-horizontal ul>li>a,.nav-horizontal ul li>a{display:flex;align-items:center;margin:var(--item-margin, 0);height:100%;padding:var(--item-padding);gap:.5em;text-decoration:none;color:var(--text-color);transition:background var(--transition),color var(--transition);font-weight:500}.nav-horizontal ul>li>a.active,.nav-horizontal ul>li>a:active,.nav-horizontal ul li>a.active,.nav-horizontal ul li>a:active{background:var(--hover-color);color:var(--hover-text-color)}.nav-horizontal ul>li>a:hover,li:hover>.nav-horizontal ul>li>a,.nav-horizontal ul li>a:hover,li:hover>.nav-horizontal ul li>a{background:var(--hover-color);color:var(--hover-text-color)}.nav-horizontal ul>li>a:after,.nav-horizontal ul li>a:after{content:"";display:none;margin-left:.47em;margin-bottom:.08em;border:solid currentColor;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg) scale(.8);opacity:0;transition:opacity var(--transition),transform var(--transition)}.nav-horizontal ul>li:has(ul)>a:after,.nav-horizontal ul li:has(ul)>a:after{opacity:.55;display:inline-block}.nav-horizontal ul>li:active>a:after,.nav-horizontal ul>li:focus-within>a:after,.nav-horizontal ul li:active>a:after,.nav-horizontal ul li:focus-within>a:after{transform:rotate(-135deg) scale(.85)}.nav-horizontal ul>li>ul,.nav-horizontal ul li>ul{display:block;visibility:hidden;opacity:0;pointer-events:none;min-width:11rem;background:var(--submenu-bg)!important;position:absolute;top:100%;left:0}.nav-horizontal ul>li>ul:last-child,.nav-horizontal ul li>ul:last-child{right:0;left:auto}.nav-horizontal ul>li>ul,.nav-horizontal ul li>ul{margin-top:.3em;flex-direction:column;z-index:3;transition:opacity var(--transition),transform var(--transition),visibility var(--transition);transform:translateY(-.7em)}.nav-horizontal ul>li>ul:hover,.nav-horizontal ul>li>ul:focus-within,.nav-horizontal ul li>ul:hover,.nav-horizontal ul li>ul:focus-within{visibility:visible;opacity:1;pointer-events:all;transform:translateY(0)}.nav-horizontal ul>li>ul>li,.nav-horizontal ul li>ul>li{display:flex;height:auto;background:var(--submenu-bg)}.nav-horizontal ul>li>ul>li>a,.nav-horizontal ul li>ul>li>a{display:block;width:100%;color:var(--text-color);padding:.63em 1.3em;font-size:.99em;font-weight:400;height:auto;transition:background var(--transition),color var(--transition)}.nav-horizontal ul>li>ul>li>a:hover,.nav-horizontal ul li>ul>li>a:hover{background:var(--submenu-hover-color);color:var(--submenu-hover-text-color)}.nav-horizontal ul>li:focus-within>ul,.nav-horizontal ul li:focus-within>ul{visibility:visible;opacity:1;pointer-events:all;transform:translateY(0)}nte-navbar.is-scrolled{--bg: rgb(from var(--nt-white) r g b / 1)}nte-navbar.autoborder{--border-color: var(--nt-light)}nte-navbar.autoborder.is-scrolled::part(navbar){border-bottom:1px solid rgb(from var(--border-color) r g b/.1)}nte-navbar.autoshadow{--shadow-color: var(--nt-dark);--shadow: 0 2px 4px rgb(from var(--shadow-color) r g b / .1)}nte-navbar.autoshadow::part(navbar){transition:box-shadow .5s ease-in-out}nte-navbar.autoshadow.is-scrolled::part(navbar){box-shadow:var(--shadow)}nte-navbar.fixed::part(navbar){position:fixed;top:0;left:0;opacity:1;width:100%}nte-navbar.autohide::part(navbar){transition:transform .3s ease-in-out}nte-navbar.autohide.state-pre-scrolled.state-scrolling-down::part(navbar){transform:translateY(-100%)}nte-navbar.autohide.state-pre-scrolled.state-scrolling-up::part(navbar){transform:translateY(0);position:fixed;top:0;left:0;opacity:1;width:100%}nte-navbar.autohide.state-scrolled::part(navbar){position:fixed;top:0;left:0;opacity:1;width:100%;transform:translateY(-100%)}nte-navbar.autohide.state-scrolled.state-scrolling-up::part(navbar){transform:translateY(0);position:fixed;top:0;left:0;opacity:1;width:100%}nte-navbar-line [slot=brand]{height:100%;display:flex;align-items:center}nte-navbar-line [slot=brand] img{height:var(--brand-height);max-height:100%;max-width:100%;width:auto;object-fit:contain}nte-navbar-line [slot=brand] a,nte-navbar-line [slot=brand] div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-decoration:none;width:100%}nte-navbar-line.zoom-brand{--brand-zoom-level: 1.6;--brand-translate: 20px}nte-navbar-line.zoom-brand [slot=brand] img{transition:transform .2s ease-in-out;transform:scale(var(--brand-zoom-level)) translateY(var(--brand-translate))}nte-navbar-line.zoom-brand.is-scrolled [slot=brand] img{transform:translateY(0) scale(1)}
|
package/index.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
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
|
-
import { html as Y, unsafeCSS as
|
|
3
|
+
import { html as Y, unsafeCSS as j, LitElement as H } from "lit";
|
|
4
4
|
import { customElement as J, property as z, state as Q } from "lit/decorators.js";
|
|
5
5
|
import { createRef as $t, ref as xt } from "lit/directives/ref.js";
|
|
6
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);--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
|
-
class x extends (V =
|
|
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() {
|
|
29
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
|
}
|
|
@@ -51,8 +51,10 @@ class x extends (V = j, 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 = j, 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) => {
|
|
@@ -106,27 +108,27 @@ W(u, 4, "transferTo", It, x, ot);
|
|
|
106
108
|
W(u, 4, "dataGroupName", Bt, x, st);
|
|
107
109
|
W(u, 4, "_isTransferred", Lt, x, lt);
|
|
108
110
|
x = W(u, 0, "NteNav", Dt, x);
|
|
109
|
-
x.styles = [
|
|
111
|
+
x.styles = [j(ve)];
|
|
110
112
|
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
|
-
class G extends (Z =
|
|
131
|
+
class G extends (Z = H, Ut = [z({ type: Number, attribute: "scroll-threshold", reflect: !0 })], Z) {
|
|
130
132
|
constructor() {
|
|
131
133
|
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
134
|
"scroll",
|
|
@@ -173,23 +175,23 @@ P = Ee(Z);
|
|
|
173
175
|
ht = /* @__PURE__ */ new WeakMap();
|
|
174
176
|
Gt(P, 4, "scrollThreshold", Ut, G, ht);
|
|
175
177
|
G = Gt(P, 0, "NteNavbar", qt, G);
|
|
176
|
-
G.styles = [
|
|
178
|
+
G.styles = [j(Se)];
|
|
177
179
|
X(P, 1, G);
|
|
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, pt = Object.defineProperty, We = Object.getOwnPropertyDescriptor,
|
|
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}";
|
|
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
|
-
const yt = class yt extends (Qt =
|
|
194
|
+
const yt = class yt extends (Qt = H) {
|
|
193
195
|
constructor() {
|
|
194
196
|
super(...arguments), this._isScrolled = !1;
|
|
195
197
|
}
|
|
@@ -221,7 +223,7 @@ const yt = class yt extends (Qt = j) {
|
|
|
221
223
|
`;
|
|
222
224
|
}
|
|
223
225
|
};
|
|
224
|
-
yt.styles = [
|
|
226
|
+
yt.styles = [j(Pe)];
|
|
225
227
|
let U = yt;
|
|
226
228
|
vt = Ie(Qt);
|
|
227
229
|
U = Ye(vt, 0, "NteNavbarLine", Kt, U);
|
|
@@ -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
|
-
},
|
|
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(
|
|
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(j)), 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(j)), 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,14 +315,14 @@ class $ extends (et = se(le(j)), 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();
|
|
321
323
|
}
|
|
322
324
|
}
|
|
323
|
-
v =
|
|
325
|
+
v = He(et);
|
|
324
326
|
_t = /* @__PURE__ */ new WeakMap();
|
|
325
327
|
gt = /* @__PURE__ */ new WeakMap();
|
|
326
328
|
bt = /* @__PURE__ */ new WeakMap();
|
|
@@ -328,13 +330,13 @@ 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, $);
|
|
336
338
|
$ = O(v, 0, "NteNavBrandRelocator", ne, $);
|
|
337
|
-
$.styles = [
|
|
339
|
+
$.styles = [j(Ge)];
|
|
338
340
|
b(v, 1, $);
|
|
339
341
|
console.log("Loading nte-nav...");
|
|
340
342
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nextrap/nte-nav",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.31",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@nextrap/nt-framework": "^1.1.1",
|
|
@@ -13,6 +13,5 @@
|
|
|
13
13
|
"@nextrap/style-reset": "^1.0.0"
|
|
14
14
|
},
|
|
15
15
|
"type": "module",
|
|
16
|
-
"style": "./index.css",
|
|
17
16
|
"types": "./index.d.ts"
|
|
18
17
|
}
|