@nextrap/nte-nav 1.1.0 → 1.1.4

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 1.1.4 (2025-07-31)
+
+This was a version bump only for nte-nav to align it with other projects, there were no code changes.
+
+## 1.1.3 (2025-07-31)
+
+### 🧱 Updated Dependencies
+
+- Updated style-base to 1.1.10
+- Updated nte-offcanvas to 1.0.12
+
+## 1.1.2 (2025-07-31)
+
+### 🧱 Updated Dependencies
+
+- Updated nte-offcanvas to 1.0.11
+
+## 1.1.1 (2025-07-31)
+
+This was a version bump only for nte-nav to align it with other projects, there were no code changes.
+
 ## 1.1.0 (2025-07-31)
 
 This was a version bump only for nte-nav to align it with other projects, there were no code changes.

package/index.css

@@ -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{--item-padding: .65em 1.1em;--padding: 0}.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.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-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;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:last-child,.nav-horizontal ul li>ul:last-child{right:0;left:auto}.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(--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%;width: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;width:100%}
+@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{--item-padding: .65em 1.1em;--padding: 0}.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.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-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;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:last-child,.nav-horizontal ul li>ul:last-child{right:0;left:auto}.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(--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%;width: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%}

package/index.js

@@ -1,4 +1,4 @@
-var Bt = function(s, t, e, i) {
+var It = function(s, t, e, i) {
   function r(n) {
     return n instanceof e ? n : new e(function(o) {
       o(n);
@@ -26,7 +26,7 @@ var Bt = function(s, t, e, i) {
   });
 };
 function Yt() {
-  return Bt(this, void 0, void 0, function* () {
+  return It(this, void 0, void 0, function* () {
     return new Promise((s) => {
       if (document.readyState === "complete" || document.readyState === "interactive")
         return s("loaded");
@@ -220,7 +220,7 @@ const T = (s) => new Ot(typeof s == "string" ? s : s + "", void 0, kt), Vt = (s,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ft, defineProperty: Jt, getOwnPropertyDescriptor: Kt, getOwnPropertyNames: Zt, getOwnPropertySymbols: Qt, getPrototypeOf: Xt } = Object, _ = globalThis, vt = _.trustedTypes, te = vt ? vt.emptyScript : "", X = _.reactiveElementPolyfillSupport, L = (s, t) => s, V = { toAttribute(s, t) {
+const { is: Ft, defineProperty: Jt, getOwnPropertyDescriptor: Kt, getOwnPropertyNames: Zt, getOwnPropertySymbols: Qt, getPrototypeOf: Xt } = Object, b = globalThis, vt = b.trustedTypes, te = vt ? vt.emptyScript : "", X = b.reactiveElementPolyfillSupport, L = (s, t) => s, V = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
       s = s ? te : null;
@@ -249,7 +249,7 @@ const { is: Ft, defineProperty: Jt, getOwnPropertyDescriptor: Kt, getOwnProperty
   }
   return e;
 } }, at = (s, t) => !Ft(s, t), mt = { attribute: !0, type: String, converter: V, reflect: !1, useDefault: !1, hasChanged: at };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), _.litPropertyMetadata ?? (_.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), b.litPropertyMetadata ?? (b.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let w = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -453,13 +453,13 @@ let w = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[L("elementProperties")] = /* @__PURE__ */ new Map(), w[L("finalized")] = /* @__PURE__ */ new Map(), X == null || X({ ReactiveElement: w }), (_.reactiveElementVersions ?? (_.reactiveElementVersions = [])).push("2.1.1");
+w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[L("elementProperties")] = /* @__PURE__ */ new Map(), w[L("finalized")] = /* @__PURE__ */ new Map(), X == null || X({ ReactiveElement: w }), (b.reactiveElementVersions ?? (b.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const H = globalThis, F = H.trustedTypes, gt = F ? F.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Nt = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, Mt = "?" + b, ee = `<${Mt}>`, E = document, j = () => E.createComment(""), D = (s) => s === null || typeof s != "object" && typeof s != "function", lt = Array.isArray, se = (s) => lt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", tt = `[ 	
+const H = globalThis, F = H.trustedTypes, gt = F ? F.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Nt = "$lit$", g = `lit$${Math.random().toFixed(9).slice(2)}$`, Mt = "?" + g, ee = `<${Mt}>`, E = document, j = () => E.createComment(""), D = (s) => s === null || typeof s != "object" && typeof s != "function", lt = Array.isArray, se = (s) => lt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", tt = `[ 	
 \f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, _t = />/g, $ = RegExp(`>|${tt}(?:([^\\s"'>=/]+)(${tt}*=${tt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), yt = /'/g, $t = /"/g, Ut = /^(?:script|style|textarea|title)$/i, ie = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), k = ie(1), S = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), wt = /* @__PURE__ */ new WeakMap(), A = E.createTreeWalker(E, 129);
 function Lt(s, t) {
@@ -473,8 +473,8 @@ const re = (s, t) => {
     const a = s[l];
     let h, c, d = -1, f = 0;
     for (; f < a.length && (o.lastIndex = f, c = o.exec(a), c !== null); ) f = o.lastIndex, o === U ? c[1] === "!--" ? o = bt : c[1] !== void 0 ? o = _t : c[2] !== void 0 ? (Ut.test(c[2]) && (r = RegExp("</" + c[2], "g")), o = $) : c[3] !== void 0 && (o = $) : o === $ ? c[0] === ">" ? (o = r ?? U, d = -1) : c[1] === void 0 ? d = -2 : (d = o.lastIndex - c[2].length, h = c[1], o = c[3] === void 0 ? $ : c[3] === '"' ? $t : yt) : o === $t || o === yt ? o = $ : o === bt || o === _t ? o = U : (o = $, r = void 0);
-    const g = o === $ && s[l + 1].startsWith("/>") ? " " : "";
-    n += o === U ? a + ee : d >= 0 ? (i.push(h), a.slice(0, d) + Nt + a.slice(d) + b + g) : a + b + (d === -2 ? l : g);
+    const m = o === $ && s[l + 1].startsWith("/>") ? " " : "";
+    n += o === U ? a + ee : d >= 0 ? (i.push(h), a.slice(0, d) + Nt + a.slice(d) + g + m) : a + g + (d === -2 ? l : m);
   }
   return [Lt(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
@@ -491,21 +491,21 @@ class z {
     for (; (r = A.nextNode()) !== null && a.length < l; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const d of r.getAttributeNames()) if (d.endsWith(Nt)) {
-          const f = c[o++], g = r.getAttribute(d).split(b), Y = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: n, name: Y[2], strings: g, ctor: Y[1] === "." ? oe : Y[1] === "?" ? ae : Y[1] === "@" ? le : Z }), r.removeAttribute(d);
-        } else d.startsWith(b) && (a.push({ type: 6, index: n }), r.removeAttribute(d));
+          const f = c[o++], m = r.getAttribute(d).split(g), Y = /([.?@])?(.*)/.exec(f);
+          a.push({ type: 1, index: n, name: Y[2], strings: m, ctor: Y[1] === "." ? oe : Y[1] === "?" ? ae : Y[1] === "@" ? le : Z }), r.removeAttribute(d);
+        } else d.startsWith(g) && (a.push({ type: 6, index: n }), r.removeAttribute(d));
         if (Ut.test(r.tagName)) {
-          const d = r.textContent.split(b), f = d.length - 1;
+          const d = r.textContent.split(g), f = d.length - 1;
           if (f > 0) {
             r.textContent = F ? F.emptyScript : "";
-            for (let g = 0; g < f; g++) r.append(d[g], j()), A.nextNode(), a.push({ type: 2, index: ++n });
+            for (let m = 0; m < f; m++) r.append(d[m], j()), A.nextNode(), a.push({ type: 2, index: ++n });
             r.append(d[f], j());
           }
         }
       } else if (r.nodeType === 8) if (r.data === Mt) a.push({ type: 2, index: n });
       else {
         let d = -1;
-        for (; (d = r.data.indexOf(b, d + 1)) !== -1; ) a.push({ type: 7, index: n }), d += b.length - 1;
+        for (; (d = r.data.indexOf(g, d + 1)) !== -1; ) a.push({ type: 7, index: n }), d += g.length - 1;
       }
       n++;
     }
@@ -539,7 +539,7 @@ class ne {
     for (; a !== void 0; ) {
       if (o === a.index) {
         let h;
-        a.type === 2 ? h = new I(n, n.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (h = new he(n, this, t)), this._$AV.push(h), a = i[++l];
+        a.type === 2 ? h = new G(n, n.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (h = new he(n, this, t)), this._$AV.push(h), a = i[++l];
       }
       o !== (a == null ? void 0 : a.index) && (n = A.nextNode(), o++);
     }
@@ -550,7 +550,7 @@ class ne {
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class I {
+class G {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -598,7 +598,7 @@ class I {
     lt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, r = 0;
-    for (const n of t) r === e.length ? e.push(i = new I(this.O(j()), this.O(j()), this, this.options)) : i = e[r], i._$AI(n), r++;
+    for (const n of t) r === e.length ? e.push(i = new G(this.O(j()), this.O(j()), this, this.options)) : i = e[r], i._$AI(n), r++;
     r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -680,13 +680,13 @@ class he {
   }
 }
 const et = H.litHtmlPolyfillSupport;
-et == null || et(z, I), (H.litHtmlVersions ?? (H.litHtmlVersions = [])).push("3.3.1");
+et == null || et(z, G), (H.litHtmlVersions ?? (H.litHtmlVersions = [])).push("3.3.1");
 const ce = (s, t, e) => {
   const i = (e == null ? void 0 : e.renderBefore) ?? t;
   let r = i._$litPart$;
   if (r === void 0) {
     const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = r = new I(t.insertBefore(j(), n), n, void 0, e ?? {});
+    i._$litPart$ = r = new G(t.insertBefore(j(), n), n, void 0, e ?? {});
   }
   return r._$AI(s), r;
 };
@@ -731,7 +731,7 @@ st == null || st({ LitElement: v });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G = (s) => (t, e) => {
+const W = (s) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(s, t);
   }) : customElements.define(s, t);
@@ -843,7 +843,7 @@ let At = ht;
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Dt = { ATTRIBUTE: 1, CHILD: 2 }, zt = (s) => (...t) => ({ _$litDirective$: s, values: t });
-class It {
+class Gt {
   constructor(t) {
   }
   get _$AU() {
@@ -864,7 +864,7 @@ class It {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const xt = zt(class extends It {
+const xt = zt(class extends Gt {
   constructor(s) {
     var t;
     if (super(s), s.type !== Dt.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -888,12 +888,12 @@ const xt = zt(class extends It {
     return S;
   }
 }), ve = "*,*: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{--backdrop: rgb(from var(--nt-dark) r g b / .5);--header-background: transparent;--background-color: var(--nt-soft-primary);--shadow-color: rgb(from var(--nt-dark) r g b / .5);--main-padding: 0;--header-padding: var(--nt-space);position:fixed;top:0;right:0;height:100vh;width:33%;min-width:250px;max-width:400px;z-index:2000;padding:0;isolation:isolate;display:block}:host[opened]{display:block}#offcanvas{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--background-color);box-shadow:0 0 10px var(--shadow-color);transition:transform .2s ease-in-out;transform:translate(0)}#offcanvas.closed{transform:translate(100%)}#header{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--header-background);flex-grow:0;padding:var(--header-padding)}#header:has(>slot[empty]){display:none}#main{display:flex;width:100%;flex-grow:1;padding:var(--main-padding);min-height:200px;overflow:auto;scroll-behavior:auto;scrollbar-gutter:auto;height:100%}#footer{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;flex-grow:0;padding:var(--padding)}#footer:has(>slot[empty]){display:none}#backdrop{opacity:1;transition:opacity .2s ease-in-out;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop);z-index:-1;display:block}#backdrop.closed{opacity:0}";
-var me = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, W = (s, t, e, i) => {
+var me = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, B = (s, t, e, i) => {
   for (var r = i > 1 ? void 0 : i ? ge(t, e) : t, n = s.length - 1, o; n >= 0; n--)
     (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
   return i && r && me(t, e, r), r;
 };
-let y = class extends v {
+let _ = class extends v {
   constructor() {
     super(), this.backdrop = !0, this.opened = !1, this.dataGroupName = "", this.closedClass = !0, this.addEventListener("click", (s) => {
       s === void 0 || !s.target || !(s.target instanceof HTMLElement) || s.target.closest("[data-nt-dismiss='offcanvas']") !== null && this.close();
@@ -948,29 +948,29 @@ let y = class extends v {
     `;
   }
 };
-y.styles = [T(ve)];
-W([
+_.styles = [T(ve)];
+B([
   u({ type: Boolean, reflect: !0 })
-], y.prototype, "backdrop", 2);
-W([
+], _.prototype, "backdrop", 2);
+B([
   u({ type: Boolean, reflect: !0 })
-], y.prototype, "opened", 2);
-W([
+], _.prototype, "opened", 2);
+B([
   u({ type: String, attribute: "data-group-name" })
-], y.prototype, "dataGroupName", 2);
-W([
+], _.prototype, "dataGroupName", 2);
+B([
   Ht()
-], y.prototype, "closedClass", 2);
-y = W([
-  G(y.is)
-], y);
+], _.prototype, "closedClass", 2);
+_ = B([
+  W(_.is)
+], _);
 const be = ":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-soft-primary);--justify-sidebar-burger: flex-end;--height: auto;--default-alpha: .7;height:var(--height);display:block}nav{height:100%}#main{height:100%}#burger-wrapper{padding:15px}#text{padding-right:10px}#burger-default{cursor:pointer}#burger-default slot::slotted(span){color:rgb(from var(--text-color) r g b/var(--default-alpha));transition:color var(--transition)}#burger-default nte-burger{--color: rgb(from var(--text-color) r g b / var(--default-alpha))}#burger-default:hover slot::slotted(span){color:rgb(from var(--text-color) r g b/1)}#burger-default:hover nte-burger{--color: rgb(from var(--text-color) r g b / 1)}";
 var _e = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, N = (s, t, e, i) => {
   for (var r = i > 1 ? void 0 : i ? ye(t, e) : t, n = s.length - 1, o; n >= 0; n--)
     (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
   return i && r && _e(t, e, r), r;
 };
-let m = class extends v {
+let y = class extends v {
   constructor() {
     super(), this.mode = "slave", this.breakpoint = "99999px", this.transferTo = "", this.dataGroupName = "", this._isTransferred = !1;
   }
@@ -1040,29 +1040,25 @@ let m = class extends v {
     })));
   }
 };
-m.DEFINITION = {
-  classes: ["align-left", "align-right", "align-center"],
-  attributes: {}
-};
-m.styles = [T(be)];
+y.styles = [T(be)];
 N([
   u({ type: String, reflect: !0 })
-], m.prototype, "mode", 2);
+], y.prototype, "mode", 2);
 N([
   u({ type: String, reflect: !0 })
-], m.prototype, "breakpoint", 2);
+], y.prototype, "breakpoint", 2);
 N([
   u({ type: String, reflect: !0, attribute: "transfer-to" })
-], m.prototype, "transferTo", 2);
+], y.prototype, "transferTo", 2);
 N([
   u({ type: String, reflect: !1, attribute: "data-group-name" })
-], m.prototype, "dataGroupName", 2);
+], y.prototype, "dataGroupName", 2);
 N([
   Ht()
-], m.prototype, "_isTransferred", 2);
-m = N([
-  G("nte-nav")
-], m);
+], y.prototype, "_isTransferred", 2);
+y = N([
+  W("nte-nav")
+], y);
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -1086,7 +1082,7 @@ const R = (s, t) => {
     if ((t = s._$AM) === void 0) break;
     e = t._$AN, e.delete(s), s = t;
   } while ((e == null ? void 0 : e.size) === 0);
-}, Gt = (s) => {
+}, Wt = (s) => {
   for (let t; t = s._$AM; s = t) {
     let e = t._$AN;
     if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
@@ -1095,7 +1091,7 @@ const R = (s, t) => {
   }
 };
 function we(s) {
-  this._$AN !== void 0 ? (J(this), this._$AM = s, Gt(this)) : this._$AM = s;
+  this._$AN !== void 0 ? (J(this), this._$AM = s, Wt(this)) : this._$AM = s;
 }
 function Ae(s, t = !1, e = 0) {
   const i = this._$AH, r = this._$AN;
@@ -1106,12 +1102,12 @@ function Ae(s, t = !1, e = 0) {
 const xe = (s) => {
   s.type == Dt.CHILD && (s._$AP ?? (s._$AP = Ae), s._$AQ ?? (s._$AQ = we));
 };
-class Ee extends It {
+class Ee extends Gt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, e, i) {
-    super._$AT(t, e, i), Gt(this), this.isConnected = t._$AU;
+    super._$AT(t, e, i), Wt(this), this.isConnected = t._$AU;
   }
   _$AO(t, e = !0) {
     var i, r;
@@ -1164,7 +1160,7 @@ const it = /* @__PURE__ */ new WeakMap(), St = zt(class extends Ee {
     this.rt(this.ct);
   }
 }), Ce = "*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}a,i{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}slot{display:contents}:host{--bg: transparent;--spacer-bg: transparent;--container-width: var(--nt-container-width, 100%);--brand-height: 80px;--spacer-height: 80px;width:100vw;margin:0}:host(a){height:85px;width:auto}#wrapper{position:relative;left:0;top:0;right:0;width:100%}#spacer{position:relative;top:0;left:0;width:100%;transition:height .3s ease-in-out;height:var(--spacer-height);background-color:var(--spacer-bg)}#navbar{position:absolute;top:0;width:100vw;height:auto;background-color:var(--bg);z-index:1000}#main{width:100vw;display:block}";
-var Te = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, Wt = (s, t, e, i) => {
+var Te = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, Bt = (s, t, e, i) => {
   for (var r = i > 1 ? void 0 : i ? Pe(t, e) : t, n = s.length - 1, o; n >= 0; n--)
     (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
   return i && r && Te(t, e, r), r;
@@ -1213,11 +1209,11 @@ let K = class extends v {
   }
 };
 K.styles = [T(Ce)];
-Wt([
+Bt([
   u({ type: Number, attribute: "scroll-threshold", reflect: !0 })
 ], K.prototype, "scrollThreshold", 2);
-K = Wt([
-  G("nte-navbar")
+K = Bt([
+  W("nte-navbar")
 ], K);
 const ke = "*,*: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{min-width:0;flex-shrink:1;width:auto;align-items:start;display:flex;height:100%;justify-items:center}#container #brand:has(slot[empty]){display:none}#container #nav{display:flex;flex-grow:1;justify-content:end;align-items:center;gap:1rem}";
 var Oe = Object.getOwnPropertyDescriptor, Ne = (s, t, e, i) => {
@@ -1259,7 +1255,7 @@ let rt = class extends v {
 };
 rt.styles = [T(ke)];
 rt = Ne([
-  G("nte-navbar-line")
+  W("nte-navbar-line")
 ], rt);
 const Me = ":host{--size: 40px;--color: var(--nt-text, black);--color-hover: var(--color);--width: 4px;height:var(--size);width:var(--size);display:block}#button{padding:0;width:100%;height:100%;cursor:pointer}.hamburger{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none;background:none;position:relative;transition:transform .4s}.hamburger:hover{--color: var(--color-hover)}:host([open]) .hamburger .bar:nth-of-type(1){transform-origin:center center;transform:translateY(calc(.5em - var(--width) / 2)) rotate(45deg)}:host([open]) .hamburger .bar:nth-of-type(2){opacity:0}:host([open]) .hamburger .bar:nth-of-type(3){transform:translateY(calc(.5em - var(--width) / 2)) rotate(-45deg)}:host(:not([open])) #button:hover .bar:nth-of-type(1){transform:translateY(calc(.2em - var(--width) / 2))}:host(:not([open])) #button:hover .bar:nth-of-type(2){transform:translateY(calc(.5em - var(--width) / 2))}:host(:not([open])) #button:hover .bar:nth-of-type(3){transform:translateY(calc(.8em - var(--width) / 2))}.bar{font-size:var(--size);height:var(--width);width:var(--size);display:block;position:absolute;top:0;background-color:var(--color);transition:.4s}.bar:nth-of-type(1){transform:translateY(calc(.25em - var(--width) / 2))}.bar:nth-of-type(2){transform:translateY(calc(.5em - var(--width) / 2))}.bar:nth-of-type(3){transform:translateY(calc(.75em - var(--width) / 2))}";
 /**
@@ -1284,7 +1280,7 @@ const Ue = Symbol.for(""), Le = (s) => {
   }
   return s(t, ...e);
 }, Re = He(k);
-var je = Object.defineProperty, De = Object.getOwnPropertyDescriptor, B = (s, t, e, i) => {
+var je = Object.defineProperty, De = Object.getOwnPropertyDescriptor, I = (s, t, e, i) => {
   for (var r = i > 1 ? void 0 : i ? De(t, e) : t, n = s.length - 1, o; n >= 0; n--)
     (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
   return i && r && je(t, e, r), r;
@@ -1308,23 +1304,23 @@ let C = class extends v {
   }
 };
 C.styles = [T(Me)];
-B([
+I([
   u({ type: Boolean, attribute: "open", reflect: !0 })
 ], C.prototype, "open", 2);
-B([
+I([
   u({ type: String, reflect: !0 })
 ], C.prototype, "text", 2);
-B([
+I([
   u({ type: String, reflect: !1, attribute: "data-group-name" })
 ], C.prototype, "dataGroupName", 2);
-B([
+I([
   ue(Rt, document)
 ], C.prototype, "listenEvents", 1);
-C = B([
-  G("nte-burger")
+C = I([
+  W("nte-burger")
 ], C);
 console.log("Loading nte-nav...");
 export {
-  m as NteNav,
+  y as NteNav,
   K as NteNavbar
 };

package/lib/nte-nav.d.ts

@@ -1,4 +1,3 @@
-import { NtElementDefinition } from '../../../../nextrap-base/nt-framework/src/index.ts';
 import { LitElement, PropertyValues } from 'lit';
 /**
  * <nte-nav>
@@ -9,7 +8,6 @@ import { LitElement, PropertyValues } from 'lit';
  * </nte-nav>
  */
 export declare class NteNav extends LitElement {
-    static DEFINITION: NtElementDefinition;
     static styles: import('lit').CSSResult[];
     mode: 'master' | 'slave';
     breakpoint: string | number;

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@nextrap/nte-nav",
-    "version": "1.1.0",
+    "version": "1.1.4",
     "main": "./index.js",
     "dependencies": {
         "@nextrap/nt-framework": "^1.1.1",
         "@nextrap/nte-burger": "^1.1.7",
-        "@nextrap/nte-offcanvas": "^1.0.10"
+        "@nextrap/nte-offcanvas": "^1.0.12"
     },
     "devDependencies": {
-        "@nextrap/style-base": "^1.1.9",
+        "@nextrap/style-base": "^1.1.10",
         "@nextrap/style-reset": "^0.1.1"
     },
     "type": "module",