@nextrap/nte-nav 1.1.8 → 1.1.13

package/index.js

@@ -1,988 +1,36 @@
-var It = function(s, t, e, i) {
-  function r(n) {
-    return n instanceof e ? n : new e(function(o) {
-      o(n);
-    });
-  }
-  return new (e || (e = Promise))(function(n, o) {
-    function l(c) {
-      try {
-        h(i.next(c));
-      } catch (d) {
-        o(d);
-      }
-    }
-    function a(c) {
-      try {
-        h(i.throw(c));
-      } catch (d) {
-        o(d);
-      }
-    }
-    function h(c) {
-      c.done ? n(c.value) : r(c.value).then(l, a);
-    }
-    h((i = i.apply(s, t || [])).next());
-  });
-};
-function Yt() {
-  return It(this, void 0, void 0, function* () {
-    return new Promise((s) => {
-      if (document.readyState === "complete" || document.readyState === "interactive")
-        return s("loaded");
-      document.addEventListener("DOMContentLoaded", () => s("DOMContentLoaded"));
-    });
-  });
-}
-var qt = function(s, t, e, i) {
-  function r(n) {
-    return n instanceof e ? n : new e(function(o) {
-      o(n);
-    });
-  }
-  return new (e || (e = Promise))(function(n, o) {
-    function l(c) {
-      try {
-        h(i.next(c));
-      } catch (d) {
-        o(d);
-      }
-    }
-    function a(c) {
-      try {
-        h(i.throw(c));
-      } catch (d) {
-        o(d);
-      }
-    }
-    function h(c) {
-      c.done ? n(c.value) : r(c.value).then(l, a);
-    }
-    h((i = i.apply(s, t || [])).next());
-  });
-};
-function ct(s) {
-  return qt(this, void 0, void 0, function* () {
-    return new Promise((t) => {
-      window.setTimeout(() => t(), s);
-    });
-  });
-}
-class Pt {
-  /**
-   *
-   * @param delay     Debounce delay in milliseconds
-   * @param max_delay Maximum delay in milliseconds, if false then no maximum delay is applied
-   */
-  constructor(t, e = !1) {
-    this.delay = t, this.max_delay = e, this.timeout = null, this.startTimeWithMs = 0;
-  }
-  async wait() {
-    return this.startTimeWithMs === 0 && (this.startTimeWithMs = Date.now()), this.timeout && (this.max_delay === !1 || this.startTimeWithMs + this.max_delay > Date.now()) && clearTimeout(this.timeout), new Promise((t) => {
-      this.timeout = setTimeout(() => {
-        this.startTimeWithMs = 0, t(!0);
-      }, this.delay);
-    });
-  }
-  debounce(t) {
-    this.timeout && clearTimeout(this.timeout), this.timeout = setTimeout(() => {
-      t();
-    }, this.delay);
-  }
-}
-const P = {
-  xs: { name: "xs", minWidth: 0 },
-  sm: { name: "sm", minWidth: 576 },
-  md: { name: "md", minWidth: 768 },
-  lg: { name: "lg", minWidth: 992 },
-  xl: { name: "xl", minWidth: 1200 },
-  xxl: { name: "xxl", minWidth: 1400 }
-};
-let M = P.xs;
-function Q() {
-  const s = window.innerWidth;
-  let t = P.xs;
-  for (const e in P) {
-    const i = P[e];
-    s >= i.minWidth && (t = i);
-  }
-  return t;
-}
-function dt(s) {
-  if (typeof s == "string" && s.endsWith("px") && (s = parseInt(s.replace("px", ""))), typeof s == "string") {
-    if (s = P[s], !s)
-      throw new Error(
-        `Breakpoint ${s} not found. Defined breakpoints are: ${Object.keys(P).join(", ")}`
-      );
-  } else typeof s == "number" && (s = { name: "c", minWidth: s });
-  return window.innerWidth >= s.minWidth;
-}
-if (!window.__nextrap_current_breakpoint) {
-  window.__nextrap_current_breakpoint = Q();
-  const s = new Pt(200, 500);
-  window.addEventListener("resize", async () => {
-    if (await s.wait(), M !== Q()) {
-      M = Q(), window.__nextrap_current_breakpoint = M;
-      const t = new CustomEvent("breakpoint-changed", {
-        detail: { breakpoint: M }
-      });
-      console.log("Breakpoint changed", M), window.dispatchEvent(t);
-    }
-  });
-}
-class nt {
-  /**
-   * Checks recursively if the element is visible.
-   *
-   * @param el
-   */
-  static isVisible(t) {
-    if (getComputedStyle(t).display === "none")
-      return !1;
-    if (t instanceof HTMLElement && (t.offsetWidth > 0 || t.offsetHeight > 0 || t.tagName === "IMG" || t.textContent !== ""))
-      return !0;
-    if (!t.children) return !1;
-    for (const i of t.children)
-      if (this.isVisible(i)) return !0;
-    return !1;
-  }
-  /**
-   * Usage:
-   *
-   * in firstupdated or connectedCallback of your element:
-   * ```ts
-   *  override firstUpdated(_changedProperties: PropertyValues) {
-   *     SlotTool.observeEmptySlots(this)
-   *   }
-   * ```
-   *
-   * @param slot
-   */
-  static isEmptySlot(t) {
-    const e = t.assignedElements({ flatten: !0 });
-    return e.length === 0 ? !0 : e.every((i) => !this.isVisible(i));
-  }
-  static observeEmptySlots(t) {
-    const e = t.shadowRoot;
-    if (!e) {
-      console.warn("Element has no shadow root", t);
-      return;
-    }
-    e.querySelectorAll("slot").forEach((r) => {
-      this.isEmptySlot(r) ? r.setAttribute("empty", "") : r.removeAttribute("empty"), r.onslotchange = () => {
-        this.isEmptySlot(r) ? r.setAttribute("empty", "") : r.removeAttribute("empty");
-      };
-    });
-  }
-}
-function pt() {
-  return document.readyState === "loading" ? new Promise((s) => {
-    document.addEventListener("DOMContentLoaded", () => s());
-  }) : Promise.resolve();
-}
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const q = globalThis, ot = q.ShadowRoot && (q.ShadyCSS === void 0 || q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, kt = Symbol(), ut = /* @__PURE__ */ new WeakMap();
-let Ot = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== kt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (ot && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && ut.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const T = (s) => new Ot(typeof s == "string" ? s : s + "", void 0, kt), Vt = (s, t) => {
-  if (ot) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
-  else for (const e of t) {
-    const i = document.createElement("style"), r = q.litNonce;
-    r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
-  }
-}, ft = ot ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const i of t.cssRules) e += i.cssText;
-  return T(e);
-})(s) : s;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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;
-      break;
-    case Object:
-    case Array:
-      s = s == null ? s : JSON.stringify(s);
-  }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
-  switch (t) {
-    case Boolean:
-      e = s !== null;
-      break;
-    case Number:
-      e = s === null ? null : Number(s);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(s);
-      } catch {
-        e = null;
-      }
-  }
-  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")), b.litPropertyMetadata ?? (b.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let w = class extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, e = mt) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
-      r !== void 0 && Jt(this.prototype, t, r);
-    }
-  }
-  static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = Kt(this.prototype, t) ?? { get() {
-      return this[e];
-    }, set(o) {
-      this[e] = o;
-    } };
-    return { get: r, set(o) {
-      const l = r == null ? void 0 : r.call(this);
-      n == null || n.call(this, o), this.requestUpdate(t, l, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? mt;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(L("elementProperties"))) return;
-    const t = Xt(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(L("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(L("properties"))) {
-      const e = this.properties, i = [...Zt(e), ...Qt(e)];
-      for (const r of i) this.createProperty(r, e[r]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [i, r] of e) this.elementProperties.set(i, r);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, i] of this.elementProperties) {
-      const r = this._$Eu(e, i);
-      r !== void 0 && this._$Eh.set(r, e);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) e.unshift(ft(r));
-    } else t !== void 0 && e.push(ft(t));
-    return e;
-  }
-  static _$Eu(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    var t;
-    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
-  }
-  addController(t) {
-    var e;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
-  }
-  removeController(t) {
-    var e;
-    (e = this._$EO) == null || e.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Vt(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    var t;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostConnected) == null ? void 0 : i.call(e);
-    });
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this._$EO) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
-    });
-  }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
-  }
-  _$ET(t, e) {
-    var n;
-    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
-    if (r !== void 0 && i.reflect === !0) {
-      const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : V).toAttribute(e, i.type);
-      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
-    }
-  }
-  _$AK(t, e) {
-    var n, o;
-    const i = this.constructor, r = i._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const l = i.getPropertyOptions(r), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((n = l.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? l.converter : V;
-      this._$Em = r;
-      const h = a.fromAttribute(e, l.type);
-      this[r] = h ?? ((o = this._$Ej) == null ? void 0 : o.get(r)) ?? h, this._$Em = null;
-    }
-  }
-  requestUpdate(t, e, i) {
-    var r;
-    if (t !== void 0) {
-      const n = this.constructor, o = this[t];
-      if (i ?? (i = n.getPropertyOptions(t)), !((i.hasChanged ?? at)(o, e) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(t)) && !this.hasAttribute(n._$Eu(t, i)))) return;
-      this.C(t, e, i);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(t, e, { useDefault: i, reflect: r, wrapped: n }, o) {
-    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var i;
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep) this[n] = o;
-        this._$Ep = void 0;
-      }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [n, o] of r) {
-        const { wrapped: l } = o, a = this[n];
-        l !== !0 || this._$AL.has(n) || a === void 0 || this.C(n, void 0, o, a);
-      }
-    }
-    let t = !1;
-    const e = this._$AL;
-    try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((r) => {
-        var n;
-        return (n = r.hostUpdate) == null ? void 0 : n.call(r);
-      }), this.update(e)) : this._$EM();
-    } catch (r) {
-      throw t = !1, this._$EM(), r;
-    }
-    t && this._$AE(e);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var e;
-    (e = this._$EO) == null || e.forEach((i) => {
-      var r;
-      return (r = i.hostUpdated) == null ? void 0 : r.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
-  }
-  updated(t) {
-  }
-  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 }), (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$", 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) {
-  if (!lt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return gt !== void 0 ? gt.createHTML(t) : t;
-}
-const re = (s, t) => {
-  const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = U;
-  for (let l = 0; l < e; l++) {
-    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 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];
-};
-class z {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let r;
-    this.parts = [];
-    let n = 0, o = 0;
-    const l = t.length - 1, a = this.parts, [h, c] = re(t, e);
-    if (this.el = z.createElement(h, i), A.currentNode = this.el.content, e === 2 || e === 3) {
-      const d = this.el.content.firstChild;
-      d.replaceWith(...d.childNodes);
-    }
-    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++], 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(g), f = d.length - 1;
-          if (f > 0) {
-            r.textContent = F ? F.emptyScript : "";
-            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(g, d + 1)) !== -1; ) a.push({ type: 7, index: n }), d += g.length - 1;
-      }
-      n++;
-    }
-  }
-  static createElement(t, e) {
-    const i = E.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function O(s, t, e = s, i) {
-  var o, l;
-  if (t === S) return t;
-  let r = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
-  const n = D(t) ? void 0 : t._$litDirective$;
-  return (r == null ? void 0 : r.constructor) !== n && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = r : e._$Cl = r), r !== void 0 && (t = O(s, r._$AS(s, t.values), r, i)), t;
-}
-class ne {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? E).importNode(e, !0);
-    A.currentNode = r;
-    let n = A.nextNode(), o = 0, l = 0, a = i[0];
-    for (; a !== void 0; ) {
-      if (o === a.index) {
-        let h;
-        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++);
-    }
-    return A.currentNode = E, r;
-  }
-  p(t) {
-    let e = 0;
-    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 G {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, e, i, r) {
-    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = O(this, t, e), D(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : se(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== p && D(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    var n;
-    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = z.createElement(Lt(i.h, i.h[0]), this.options)), i);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === r) this._$AH.p(e);
-    else {
-      const o = new ne(r, this), l = o.u(this.options);
-      o.p(e), this.T(l), this._$AH = o;
-    }
-  }
-  _$AC(t) {
-    let e = wt.get(t.strings);
-    return e === void 0 && wt.set(t.strings, e = new z(t)), e;
-  }
-  k(t) {
-    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 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) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t !== this._$AB; ) {
-      const r = t.nextSibling;
-      t.remove(), t = r;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
-  }
-}
-class Z {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, i, r, n) {
-    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = p;
-  }
-  _$AI(t, e = this, i, r) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0) t = O(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== S, o && (this._$AH = t);
-    else {
-      const l = t;
-      let a, h;
-      for (t = n[0], a = 0; a < n.length - 1; a++) h = O(this, l[i + a], e, a), h === S && (h = this._$AH[a]), o || (o = !D(h) || h !== this._$AH[a]), h === p ? t = p : t !== p && (t += (h ?? "") + n[a + 1]), this._$AH[a] = h;
-    }
-    o && !r && this.j(t);
-  }
-  j(t) {
-    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class oe extends Z {
+var P = Object.defineProperty;
+var O = (r, e, t) => e in r ? P(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => O(r, typeof e != "symbol" ? e + "" : e, t);
+import { waitForDomContentLoaded as u, isBiggerThanBreakpoint as m, Debouncer as $, SlotTool as x } from "@nextrap/nt-framework";
+import "@nextrap/nte-offcanvas";
+import { unsafeCSS as v, LitElement as b, html as h } from "lit";
+import { property as c, state as L, customElement as g } from "lit/decorators.js";
+import { createRef as w, ref as _ } from "lit/directives/ref.js";
+import "@nextrap/nte-burger";
+const N = ":host{--container-width: var(--nt-container-width);--text-color: var(--nt-text);--hover-color: var(--nt-primary);--hover-text-color: var(--nt-text-on-primary);--transition: .2s ease-in-out;--submenu-bg: var(--nt-light);--submenu-text-color: var(--nt-text);--justify-content: center;--sidemenu-bg: var(--nt-primary-subtle);--justify-sidebar-burger: flex-end;--height: auto;--default-alpha: .7;height:var(--height);display:block}nav{height:100%}#main{height:100%}#burger-wrapper{padding:15px}#text{padding-right:10px}#burger-default{cursor:pointer}#burger-default slot::slotted(span){color:rgb(from var(--text-color) r g b/var(--default-alpha));transition:color var(--transition)}#burger-default nte-burger{--color: rgb(from var(--text-color) r g b / var(--default-alpha))}#burger-default:hover slot::slotted(span){color:rgb(from var(--text-color) r g b/1)}#burger-default:hover nte-burger{--color: rgb(from var(--text-color) r g b / 1)}";
+var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, E = (r, e, t) => e in r ? y(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, d = (r, e, t, i) => {
+  for (var a = i > 1 ? void 0 : i ? k(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (a = (i ? o(e, t, a) : o(a)) || a);
+  return i && a && y(e, t, a), a;
+}, C = (r, e, t) => E(r, e + "", t);
+let l = class extends b {
   constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === p ? void 0 : t;
-  }
-}
-class ae extends Z {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== p);
-  }
-}
-class le extends Z {
-  constructor(t, e, i, r, n) {
-    super(t, e, i, r, n), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = O(this, t, e, 0) ?? p) === S) return;
-    const i = this._$AH, r = t === p && i !== p || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== p && (i === p || r);
-    r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var e;
-    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class he {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    O(this, t);
-  }
-}
-const et = H.litHtmlPolyfillSupport;
-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 G(t.insertBefore(j(), n), n, void 0, e ?? {});
-  }
-  return r._$AI(s), r;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const x = globalThis;
-let v = class extends w {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var e;
-    const t = super.createRenderRoot();
-    return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
-  }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ce(e, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
-  }
-  render() {
-    return S;
-  }
-};
-var Tt;
-v._$litElement$ = !0, v.finalized = !0, (Tt = x.litElementHydrateSupport) == null || Tt.call(x, { LitElement: v });
-const st = x.litElementPolyfillSupport;
-st == null || st({ LitElement: v });
-(x.litElementVersions ?? (x.litElementVersions = [])).push("4.2.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const W = (s) => (t, e) => {
-  e !== void 0 ? e.addInitializer(() => {
-    customElements.define(s, t);
-  }) : customElements.define(s, t);
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const de = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged: at }, pe = (s = de, t, e) => {
-  const { kind: i, metadata: r } = e;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), n.set(e.name, s), i === "accessor") {
-    const { name: o } = e;
-    return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(o, a, s);
-    }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
-    } };
-  }
-  if (i === "setter") {
-    const { name: o } = e;
-    return function(l) {
-      const a = this[o];
-      t.call(this, l), this.requestUpdate(o, a, s);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function u(s) {
-  return (t, e) => typeof e == "object" ? pe(s, t, e) : ((i, r, n) => {
-    const o = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
-  })(s, t, e);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function Ht(s) {
-  return u({ ...s, state: !0, attribute: !1 });
-}
-function ue(s, t = "this", e) {
-  return function(i, r, n) {
-    const o = i.connectedCallback, l = i.disconnectedCallback;
-    i.connectedCallback = function() {
-      const a = t === "this" ? this : t, h = Array.isArray(s) ? s : [s];
-      this.__eventListenerRemovers ?? (this.__eventListenerRemovers = []);
-      for (const c of h) {
-        const d = this[r].bind(this);
-        a.addEventListener(c, d), this.__eventListenerRemovers.push(() => a.removeEventListener(c, d));
-      }
-      o == null || o.call(this);
-    }, i.disconnectedCallback = function() {
-      var a;
-      (a = this.__eventListenerRemovers) == null || a.forEach((h) => h()), this.__eventListenerRemovers = [], l == null || l.call(this);
-    };
-  };
-}
-const Rt = "nte-group-open-close";
-function jt(s, t) {
-  document.dispatchEvent(
-    new CustomEvent(Rt, {
-      bubbles: !1,
-      composed: !0,
-      detail: { open: s, groupName: t }
-    })
-  );
-}
-function fe(s, t) {
-  const e = document.createElement("template");
-  return e.innerHTML = s.trim(), t.append(e.content.cloneNode(!0)), new Proxy({}, {
-    get(i, r) {
-      if (r === "fragment")
-        return t;
-      if (typeof r == "string") {
-        const n = t.getElementById(r);
-        if (!n)
-          throw new Error(`❌ Unknown id '${r}'.`);
-        return n;
-      }
-    }
-  });
-}
-const ht = class ht extends w {
-  constructor(t) {
     super();
-    const e = this.createRenderRoot();
-    this.$ = fe(t, e);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    let t = this.css;
-    Array.isArray(t) || (t = [t]);
-    const e = t.map((i) => i instanceof Ot ? i.styleSheet : T(i).styleSheet);
-    this.shadowRoot.adoptedStyleSheets = e;
-  }
-};
-ht.DEFINITION = {
-  classes: [],
-  attributes: {}
-};
-let At = ht;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Dt = { ATTRIBUTE: 1, CHILD: 2 }, zt = (s) => (...t) => ({ _$litDirective$: s, values: t });
-class Gt {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, e, i) {
-    this._$Ct = t, this._$AM = e, this._$Ci = i;
-  }
-  _$AS(t, e) {
-    return this.update(t, e);
-  }
-  update(t, e) {
-    return this.render(...e);
-  }
-}
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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.");
-  }
-  render(s) {
-    return " " + Object.keys(s).filter((t) => s[t]).join(" ") + " ";
-  }
-  update(s, [t]) {
-    var i, r;
-    if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((n) => n !== "")));
-      for (const n in t) t[n] && !((i = this.nt) != null && i.has(n)) && this.st.add(n);
-      return this.render(t);
-    }
-    const e = s.element.classList;
-    for (const n of this.st) n in t || (e.remove(n), this.st.delete(n));
-    for (const n in t) {
-      const o = !!t[n];
-      o === this.st.has(n) || (r = this.nt) != null && r.has(n) || (o ? (e.add(n), this.st.add(n)) : (e.remove(n), this.st.delete(n)));
-    }
-    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, 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 _ = 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();
-    });
-  }
-  static get is() {
-    return "nte-offcanvas";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  open() {
-    this.opened = !0;
-  }
-  close() {
-    this.opened = !1;
-  }
-  toggle() {
-    this.opened = !this.opened;
-  }
-  async updated(s) {
-    s.has("opened") && (this.dataGroupName !== "" && jt(this.opened, this.dataGroupName), this.opened ? (this.style.display = "block", await ct(1), nt.observeEmptySlots(this), this.closedClass = !1) : (this.closedClass = !0, await ct(400), this.style.display = "none"));
-  }
-  render() {
-    return k`
-      <div
-        id="backdrop"
-        part="backdrop"
-        @click=${() => this.opened = !1}
-        class=${xt({ closed: this.closedClass })}
-      ></div>
-      <div
-        id="offcanvas"
-        part="offcanvas"
-        role="dialog"
-        aria-modal="true"
-        class=${xt({ closed: this.closedClass })}
-        ?backdrop="${this.backdrop}"
-      >
-        <div id="header">
-          <slot name="header"></slot>
-        </div>
-
-        <div id="main" part="main">
-          <slot></slot>
-        </div>
-
-        <div id="footer" part="footer">
-          <slot name="footer"></slot>
-        </div>
-      </div>
-    `;
-  }
-};
-_.styles = [T(ve)];
-B([
-  u({ type: Boolean, reflect: !0 })
-], _.prototype, "backdrop", 2);
-B([
-  u({ type: Boolean, reflect: !0 })
-], _.prototype, "opened", 2);
-B([
-  u({ type: String, attribute: "data-group-name" })
-], _.prototype, "dataGroupName", 2);
-B([
-  Ht()
-], _.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 y = class extends v {
-  constructor() {
-    super(), this.mode = "slave", this.breakpoint = "99999px", this.transferTo = "", this.dataGroupName = "", this._isTransferred = !1;
+    n(this, "mode", "slave");
+    n(this, "breakpoint", "99999px");
+    n(this, "transferTo", "");
+    n(this, "dataGroupName", "");
+    n(this, "_isTransferred", !1);
   }
   getOffcanvas() {
     return this.transferTo ? document.querySelector(this.transferTo) : null;
   }
   getOffcanvasNav() {
-    const s = this.getOffcanvas();
-    return s ? s.querySelector("nte-nav") : null;
+    const e = this.getOffcanvas();
+    return e ? e.querySelector("nte-nav") : null;
   }
   render() {
-    return k` <nav>
+    return h` <nav>
       <div id="burger-wrapper" ?hidden=${!this._isTransferred}>
         <slot
           name="burger"
@@ -991,12 +39,12 @@ let y = class extends v {
           id="burger"
           class="burger"
           @click=${() => {
-      var s;
-      return (s = this.getOffcanvas()) == null ? void 0 : s.open();
+      var e;
+      return (e = this.getOffcanvas()) == null ? void 0 : e.open();
     }}
         >
           <!-- fallback icon -->
-          ${this._isTransferred ? k`<div id="burger-default" style="display:flex; align-items: center; justify-content: center;">
+          ${this._isTransferred ? h`<div id="burger-default" style="display:flex; align-items: center; justify-content: center;">
                 <div id="text"><slot name="menu-text"></slot></div>
                 <nte-burger
                   data-group-name="${this.dataGroupName}"
@@ -1012,162 +60,71 @@ let y = class extends v {
       </div>
     </nav>`;
   }
-  transferToElement(s) {
-    var i;
-    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("#main-slot");
+  transferToElement(e) {
+    var a;
+    const t = (a = this.shadowRoot) == null ? void 0 : a.querySelector("#main-slot");
     if (t === null)
       return;
-    Array.from(t.assignedElements({ flatten: !0 })).forEach((r) => {
-      r instanceof HTMLElement && s.appendChild(r);
+    Array.from(t.assignedElements({ flatten: !0 })).forEach((s) => {
+      s instanceof HTMLElement && e.appendChild(s);
     });
   }
-  updated(s) {
-    var t, e;
-    super.updated(s), this._isTransferred ? this.transferToElement(
+  updated(e) {
+    var t, i;
+    super.updated(e), this._isTransferred ? this.transferToElement(
       this.getOffcanvasNav() ?? (() => {
         throw new Error("No offcanvas nav found");
       })()
-    ) : ((t = this.getOffcanvasNav()) == null || t.transferToElement(this), (e = this.getOffcanvas()) == null || e.close());
+    ) : ((t = this.getOffcanvasNav()) == null || t.transferToElement(this), (i = this.getOffcanvas()) == null || i.close());
   }
-  firstUpdated(s) {
-    super.firstUpdated(s);
+  firstUpdated(e) {
+    super.firstUpdated(e);
     const t = this.classList;
     !t.contains("nav-vertical") && !t.contains("nav-horizontal") && t.add(this.closest("nte-offcanvas") === null ? "nav-horizontal" : "nav-vertical");
   }
   async connectedCallback() {
-    await Yt(), super.connectedCallback(), this.mode !== "slave" && this.transferTo !== "" && (this._isTransferred = !1, this.breakpoint !== "" && (dt(this.breakpoint) || (this._isTransferred = !0), window.addEventListener("breakpoint-changed", (s) => {
-      dt(this.breakpoint) ? this._isTransferred = !1 : this._isTransferred = !0;
+    await u(), super.connectedCallback(), this.mode !== "slave" && this.transferTo !== "" && (this._isTransferred = !1, this.breakpoint !== "" && (m(this.breakpoint) || (this._isTransferred = !0), window.addEventListener("breakpoint-changed", (e) => {
+      m(this.breakpoint) ? this._isTransferred = !1 : this._isTransferred = !0;
     })));
   }
 };
-y.styles = [T(be)];
-N([
-  u({ type: String, reflect: !0 })
-], y.prototype, "mode", 2);
-N([
-  u({ type: String, reflect: !0 })
-], y.prototype, "breakpoint", 2);
-N([
-  u({ type: String, reflect: !0, attribute: "transfer-to" })
-], y.prototype, "transferTo", 2);
-N([
-  u({ type: String, reflect: !1, attribute: "data-group-name" })
-], y.prototype, "dataGroupName", 2);
-N([
-  Ht()
-], y.prototype, "_isTransferred", 2);
-y = N([
-  W("nte-nav")
-], y);
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const $e = (s) => s.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const R = (s, t) => {
-  var i;
-  const e = s._$AN;
-  if (e === void 0) return !1;
-  for (const r of e) (i = r._$AO) == null || i.call(r, t, !1), R(r, t);
-  return !0;
-}, J = (s) => {
-  let t, e;
-  do {
-    if ((t = s._$AM) === void 0) break;
-    e = t._$AN, e.delete(s), s = t;
-  } while ((e == null ? void 0 : e.size) === 0);
-}, Wt = (s) => {
-  for (let t; t = s._$AM; s = t) {
-    let e = t._$AN;
-    if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(s)) break;
-    e.add(s), xe(t);
-  }
-};
-function we(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;
-  if (r !== void 0 && r.size !== 0) if (t) if (Array.isArray(i)) for (let n = e; n < i.length; n++) R(i[n], !1), J(i[n]);
-  else i != null && (R(i, !1), J(i));
-  else R(this, s);
-}
-const xe = (s) => {
-  s.type == Dt.CHILD && (s._$AP ?? (s._$AP = Ae), s._$AQ ?? (s._$AQ = we));
-};
-class Ee extends Gt {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, e, i) {
-    super._$AT(t, e, i), Wt(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, e = !0) {
-    var i, r;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (r = this.disconnected) == null || r.call(this)), e && (R(this, t), J(this));
-  }
-  setValue(t) {
-    if ($e(this._$Ct)) this._$Ct._$AI(t, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Et = () => new Se();
-class Se {
-}
-const it = /* @__PURE__ */ new WeakMap(), St = zt(class extends Ee {
-  render(s) {
-    return p;
-  }
-  update(s, [t]) {
-    var i;
-    const e = t !== this.G;
-    return e && this.G !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.G = t, this.ht = (i = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.element)), p;
-  }
-  rt(s) {
-    if (this.isConnected || (s = void 0), typeof this.G == "function") {
-      const t = this.ht ?? globalThis;
-      let e = it.get(t);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), it.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ht, void 0), e.set(this.G, s), s !== void 0 && this.G.call(this.ht, s);
-    } else this.G.value = s;
-  }
-  get lt() {
-    var s, t;
-    return typeof this.G == "function" ? (s = it.get(this.ht ?? globalThis)) == null ? void 0 : s.get(this.G) : (t = this.G) == null ? void 0 : t.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    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, 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;
-};
-let K = class extends v {
+C(l, "styles", [v(N)]);
+d([
+  c({ type: String, reflect: !0 })
+], l.prototype, "mode", 2);
+d([
+  c({ type: String, reflect: !0 })
+], l.prototype, "breakpoint", 2);
+d([
+  c({ type: String, reflect: !0, attribute: "transfer-to" })
+], l.prototype, "transferTo", 2);
+d([
+  c({ type: String, reflect: !1, attribute: "data-group-name" })
+], l.prototype, "dataGroupName", 2);
+d([
+  L()
+], l.prototype, "_isTransferred", 2);
+l = d([
+  g("nte-nav")
+], l);
+const Y = "*,*: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 S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, U = (r, e, t) => e in r ? S(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, T = (r, e, t, i) => {
+  for (var a = i > 1 ? void 0 : i ? D(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (a = (i ? o(e, t, a) : o(a)) || a);
+  return i && a && S(e, t, a), a;
+}, z = (r, e, t) => U(r, e + "", t);
+let p = class extends b {
   constructor() {
-    super(), this.navbarRef = Et(), this.spacerRef = Et(), this.scrollThreshold = 0, this._lastScrollY = window.scrollY, this._scrollUpPixels = 0, this._debouncer = new Pt(100, 300), document.addEventListener(
+    super();
+    // lit refs for navbar and spacer
+    n(this, "navbarRef", w());
+    n(this, "spacerRef", w());
+    n(this, "scrollThreshold", 0);
+    // Track last scroll position to detect scroll direction
+    n(this, "_lastScrollY", window.scrollY);
+    n(this, "_scrollUpPixels", 0);
+    n(this, "_debouncer");
+    this._debouncer = new $(100, 300), document.addEventListener(
       "scroll",
       async () => {
         this.updateScrollState();
@@ -1179,24 +136,24 @@ let K = class extends v {
     return "nte-navbar";
   }
   updateScrollState() {
-    const s = window.scrollY;
-    s > 1 ? this.classList.add("is-scrolled") : this.classList.remove("is-scrolled"), s < this._lastScrollY ? (this._scrollUpPixels += this._lastScrollY - s, this._scrollUpPixels > 10 && s < this.scrollThreshold && this.classList.add("is-scrolling-up")) : (this._scrollUpPixels = 0, this.classList.remove("is-scrolling-up")), s > this.scrollThreshold ? this.classList.add("is-below-threshold") : this.classList.remove("is-below-threshold"), this._lastScrollY = s;
+    const e = window.scrollY;
+    e > 1 ? this.classList.add("is-scrolled") : this.classList.remove("is-scrolled"), e < this._lastScrollY ? (this._scrollUpPixels += this._lastScrollY - e, this._scrollUpPixels > 10 && e < this.scrollThreshold && this.classList.add("is-scrolling-up")) : (this._scrollUpPixels = 0, this.classList.remove("is-scrolling-up")), e > this.scrollThreshold ? this.classList.add("is-below-threshold") : this.classList.remove("is-below-threshold"), this._lastScrollY = e;
   }
   async connectedCallback() {
-    this.updateScrollState(), await pt(), super.connectedCallback();
+    this.updateScrollState(), await u(), super.connectedCallback();
   }
   // Adjust the spacer height on every render
-  async updated(s) {
-    await pt(), super.updated(s);
+  async updated(e) {
+    await u(), super.updated(e);
   }
-  firstUpdated(s) {
-    nt.observeEmptySlots(this);
+  firstUpdated(e) {
+    x.observeEmptySlots(this);
   }
   render() {
-    return k`
+    return h`
       <div id="wrapper" part="wrapper">
-        <div id="spacer" part="spacer" ${St(this.spacerRef)}></div>
-        <div id="navbar" part="navbar" ${St(this.navbarRef)}>
+        <div id="spacer" part="spacer" ${_(this.spacerRef)}></div>
+        <div id="navbar" part="navbar" ${_(this.navbarRef)}>
           <div id="brand" part="brand">
             <slot name="brand"></slot>
           </div>
@@ -1208,38 +165,39 @@ let K = class extends v {
     `;
   }
 };
-K.styles = [T(Ce)];
-Bt([
-  u({ type: Number, attribute: "scroll-threshold", reflect: !0 })
-], K.prototype, "scrollThreshold", 2);
-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) => {
-  for (var r = i > 1 ? void 0 : i ? Oe(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = o(r) || r);
-  return r;
-};
-let rt = class extends v {
+z(p, "styles", [v(Y)]);
+T([
+  c({ type: Number, attribute: "scroll-threshold", reflect: !0 })
+], p.prototype, "scrollThreshold", 2);
+p = T([
+  g("nte-navbar")
+], p);
+const R = "*,*: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 j = Object.defineProperty, F = Object.getOwnPropertyDescriptor, q = (r, e, t) => e in r ? j(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, G = (r, e, t, i) => {
+  for (var a = i > 1 ? void 0 : i ? F(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (a = o(a) || a);
+  return a;
+}, B = (r, e, t) => q(r, e + "", t);
+let f = class extends b {
   constructor() {
-    super(...arguments), this._isScrolled = !1;
+    super(...arguments);
+    n(this, "_isScrolled", !1);
   }
   static get is() {
     return "nte-navbar-line";
   }
   updateScrollState() {
-    const s = window.scrollY;
-    s > 1 && !this._isScrolled ? (this.classList.add("is-scrolled"), this._isScrolled = !0) : s <= 1 && this._isScrolled && (this.classList.remove("is-scrolled"), this._isScrolled = !1);
+    const e = window.scrollY;
+    e > 1 && !this._isScrolled ? (this.classList.add("is-scrolled"), this._isScrolled = !0) : e <= 1 && this._isScrolled && (this.classList.remove("is-scrolled"), this._isScrolled = !1);
   }
   connectedCallback() {
     super.connectedCallback(), window.addEventListener("scroll", () => this.updateScrollState(), { passive: !0 });
   }
-  async firstUpdated(s) {
-    nt.observeEmptySlots(this), this.updateScrollState();
+  async firstUpdated(e) {
+    x.observeEmptySlots(this), this.updateScrollState();
   }
   render() {
-    return k`
+    return h`
       <div id="main" part="main">
         <div id="container" part="container">
           <div id="brand" part="brand">
@@ -1253,74 +211,12 @@ let rt = class extends v {
     `;
   }
 };
-rt.styles = [T(ke)];
-rt = Ne([
-  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))}";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ue = Symbol.for(""), Le = (s) => {
-  if ((s == null ? void 0 : s.r) === Ue) return s == null ? void 0 : s._$litStatic$;
-}, Ct = /* @__PURE__ */ new Map(), He = (s) => (t, ...e) => {
-  const i = e.length;
-  let r, n;
-  const o = [], l = [];
-  let a, h = 0, c = !1;
-  for (; h < i; ) {
-    for (a = t[h]; h < i && (n = e[h], (r = Le(n)) !== void 0); ) a += r + t[++h], c = !0;
-    h !== i && l.push(n), o.push(a), h++;
-  }
-  if (h === i && o.push(t[i]), c) {
-    const d = o.join("$$lit$$");
-    (t = Ct.get(d)) === void 0 && (o.raw = o, Ct.set(d, t = o)), e = l;
-  }
-  return s(t, ...e);
-}, Re = He(k);
-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;
-};
-let C = class extends v {
-  constructor() {
-    super(), this.open = !1, this.text = "Menu", this.dataGroupName = "";
-  }
-  render() {
-    return Re` <button id="button" class="hamburger">
-      <div class="bar"></div>
-      <div class="bar"></div>
-      <div class="bar"></div>
-    </button>`;
-  }
-  listenEvents(s) {
-    s.detail.groupName === this.dataGroupName && (this.open = s.detail.open);
-  }
-  update(s) {
-    super.update(s), s.has("open") && this.dataGroupName !== "" && jt(this.open, this.dataGroupName);
-  }
-};
-C.styles = [T(Me)];
-I([
-  u({ type: Boolean, attribute: "open", reflect: !0 })
-], C.prototype, "open", 2);
-I([
-  u({ type: String, reflect: !0 })
-], C.prototype, "text", 2);
-I([
-  u({ type: String, reflect: !1, attribute: "data-group-name" })
-], C.prototype, "dataGroupName", 2);
-I([
-  ue(Rt, document)
-], C.prototype, "listenEvents", 1);
-C = I([
-  W("nte-burger")
-], C);
+B(f, "styles", [v(R)]);
+f = G([
+  g("nte-navbar-line")
+], f);
 console.log("Loading nte-nav...");
 export {
-  y as NteNav,
-  K as NteNavbar
+  l as NteNav,
+  p as NteNavbar
 };