monobill-mintui 0.6.612 → 0.6.613

package/dist/components/side-navigation/SideNavigation.d.ts

@@ -1,52 +1 @@
-import './SideNavigationLinks';
-import './SideNavigationLink';
-import './SideNavigationActionMenu';
-declare global {
-    interface Window {
-        __mintUrlChangePatched?: boolean;
-    }
-}
-declare class MintSideNavigation extends HTMLElement {
-    static get observedAttributes(): string[];
-    private _backdrop;
-    private _container;
-    private _header;
-    private _content;
-    private _footer;
-    private _escapeHandler;
-    private _mediaQuery;
-    private _mediaListener;
-    private _accordionHandler;
-    private _urlChangeHandler;
-    private _contentObserver;
-    private _renderFrame;
-    /** Close the mobile drawer after the user follows a real link (capture phase). */
-    private _onMobileNavNavigateClick;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    private _scheduleRender;
-    private _attachEscapeListener;
-    private _detachEscapeListener;
-    private _attachMediaListener;
-    private _detachMediaListener;
-    /** Only one expandable `mint-sidenav-link` group open at a time within this sidebar. */
-    private _attachAccordionListener;
-    private _detachAccordionListener;
-    private _attachUrlChangeListener;
-    private _detachUrlChangeListener;
-    private _observeContentMutations;
-    getUserName(): string;
-    getUserStatus(): string;
-    private _isOpen;
-    private _ensureBackdrop;
-    private _ensureContainer;
-    private _syncShell;
-    private _buildUserHeader;
-    private _replaceSlottedChildren;
-    private _buildContent;
-    private _buildFooter;
-    render(): void;
-}
-export default MintSideNavigation;
-//# sourceMappingURL=SideNavigation.d.ts.map
+export { MintSideNavigation as default, MintSideNavigation } from '../../mintui-elements'

package/dist/components/side-navigation/SideNavigation.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation/SideNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAA;AAC9B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,4BAA4B,CAAA;AAEnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,sBAAsB,CAAC,EAAE,OAAO,CAAA;KACjC;CACF;AAyBD,cAAM,kBAAmB,SAAQ,WAAW;IAC1C,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,cAAc,CAAyE;IAC/F,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,YAAY,CAAsB;IAE1C,kFAAkF;IAClF,OAAO,CAAC,yBAAyB,CAmBhC;IAED,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAe5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM9F,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,oBAAoB;IAQ5B,wFAAwF;IACxF,OAAO,CAAC,wBAAwB;IAmBhC,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAchC,WAAW,IAAI,MAAM;IAIrB,aAAa,IAAI,MAAM;IAIvB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,UAAU;IA6DlB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;IAiBpB,MAAM,IAAI,IAAI;CAQf;AAMD,eAAe,kBAAkB,CAAA"}
+{
+  "version": 3,
+  "file": "SideNavigation.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "SideNavigation.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/side-navigation/browser.js

@@ -0,0 +1,466 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('icon', '../../icon.css')
+__mintLoadStyle('text', '../../text.css')
+__mintLoadStyle('popover', '../../popover.css')
+__mintLoadStyle('stack', '../../stack.css')
+__mintLoadStyle('side-navigation', '../../side-navigation.css')
+import "../chunks/icon-gQAtsERy.js";
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+import "../chunks/text-BHkEs8U5.js";
+import "../chunks/caret-right-CVOgr4nk.js";
+import "../chunks/caret-down-Ch6IfR7r.js";
+import "../chunks/popover-gviDCspV.js";
+//#region src/components/side-navigation/SideNavigationLink.ts
+var t = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._trigger = null, this._submenuContainer = null, this._contentObserver = null, this._renderFrame = null;
+	}
+	static get observedAttributes() {
+		return [
+			"label",
+			"icon",
+			"href",
+			"active",
+			"expanded",
+			"submenu-item"
+		];
+	}
+	connectedCallback() {
+		this.render(), this._observeSubmenuMutations();
+	}
+	disconnectedCallback() {
+		this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this.render(), e === "active" && this._isSubmenuItem() && this._refreshDropdownAncestor());
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_observeSubmenuMutations() {
+		this._contentObserver ||= new MutationObserver((e) => {
+			e.some((e) => [...Array.from(e.addedNodes), ...Array.from(e.removedNodes)].some((e) => e instanceof HTMLElement && e.getAttribute("slot") === "submenu")) && this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"],
+			subtree: !1
+		});
+	}
+	_refreshDropdownAncestor() {
+		let e = this.parentElement;
+		for (; e;) {
+			if (e.tagName === "MINT-SIDENAV-LINK" && e !== this) {
+				e.render();
+				break;
+			}
+			e = e.parentElement;
+		}
+	}
+	_isActive() {
+		return this.getAttribute("active") === "true";
+	}
+	_isExpanded() {
+		return this.getAttribute("expanded") === "true";
+	}
+	_isSubmenuPanelVisible() {
+		return this._isExpanded() || this._isActive();
+	}
+	_isSubmenuItem() {
+		return this.getAttribute("submenu-item") === "true";
+	}
+	_getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	_getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	_getHref() {
+		return this.getAttribute("href");
+	}
+	_getBaseClasses() {
+		return `mint-sidenav-link-control${this._isActive() ? " is-active" : ""}${this._isSubmenuItem() ? " is-submenu-item" : ""}`;
+	}
+	_hasSubmenu() {
+		return this.querySelectorAll(":scope > [slot=\"submenu\"]").length > 0 ? !0 : !!this._submenuContainer && this._submenuContainer.children.length > 0;
+	}
+	_createRow(e, t) {
+		let n = document.createElement("span");
+		if (n.className = "mint-sidenav-link-row", t) {
+			let e = document.createElement("mint-icon");
+			e.setAttribute("name", t), e.className = "mint-sidenav-link-icon", e.setAttribute("aria-hidden", "true"), n.appendChild(e);
+		}
+		let r = document.createElement("span");
+		return r.className = "mint-sidenav-link-label", r.textContent = e, n.appendChild(r), n;
+	}
+	_buildSimpleLink() {
+		let e = this._getHref(), t = this._getLabel(), n = this._getIcon(), r = e ? document.createElement("a") : document.createElement("button");
+		e ? r.setAttribute("href", e) : r.setAttribute("type", "button"), r.className = this._getBaseClasses(), r.setAttribute("aria-label", t || "Side navigation link"), r.appendChild(this._createRow(t, n)), this.replaceChildren(r), this._trigger = r;
+	}
+	_emitAccordionExpand() {
+		this.dispatchEvent(new CustomEvent("mint-sidenav-accordion", {
+			bubbles: !0,
+			composed: !0,
+			detail: { source: this }
+		}));
+	}
+	_setExpanded(e, t) {
+		this.setAttribute("expanded", String(e)), e && t && this._emitAccordionExpand();
+	}
+	_buildDropdownLink() {
+		let e = this._getLabel(), t = this._getIcon(), n = this._getHref(), r = Array.from(this.querySelectorAll(":scope > [slot=\"submenu\"]")), i = r.length > 0 ? r : this._submenuContainer ? Array.from(this._submenuContainer.children) : [], a = document.createElement("div");
+		a.className = "mint-sidenav-dropdown", this._submenuContainer = document.createElement("div"), this._submenuContainer.id = `mint-sidenav-submenu-${Math.random().toString(36).slice(2, 11)}`;
+		let o = this._submenuContainer.id;
+		if (this._submenuContainer.className = `mint-sidenav-submenu${this._isSubmenuPanelVisible() ? " is-expanded" : ""}`, i.forEach((e) => {
+			e.setAttribute("submenu-item", "true"), e.setAttribute("slot", "submenu"), this._submenuContainer?.appendChild(e);
+		}), n) {
+			let r = document.createElement("div");
+			r.className = "mint-sidenav-link-row-wrap";
+			let i = document.createElement("a");
+			i.setAttribute("href", n), i.className = `${this._getBaseClasses()} mint-sidenav-desktop-link`, i.setAttribute("aria-expanded", String(this._isSubmenuPanelVisible())), i.setAttribute("aria-controls", o), this._isActive() ? i.setAttribute("aria-current", "page") : i.removeAttribute("aria-current"), i.appendChild(this._createRow(e, t)), i.addEventListener("click", () => {
+				this._setExpanded(!0, !0);
+			});
+			let s = document.createElement("a");
+			s.setAttribute("href", n), s.className = `${this._getBaseClasses()} mint-sidenav-mobile-link`, s.setAttribute("aria-controls", o), s.appendChild(this._createRow(e, t)), this._isActive() ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
+			let c = document.createElement("button");
+			c.type = "button", c.className = "mint-sidenav-mobile-toggle", c.setAttribute("aria-label", `Toggle ${e} submenu`), c.setAttribute("aria-expanded", String(this._isSubmenuPanelVisible())), c.setAttribute("aria-controls", o), c.addEventListener("click", (e) => {
+				e.preventDefault(), e.stopPropagation();
+				let t = !this._isExpanded();
+				this._setExpanded(t, t);
+			});
+			let l = document.createElement("mint-icon");
+			l.setAttribute("name", "caret-down"), l.className = `mint-sidenav-dropdown-caret${this._isSubmenuPanelVisible() ? " is-expanded" : ""}`, l.setAttribute("aria-hidden", "true"), c.appendChild(l), r.appendChild(i), r.appendChild(s), r.appendChild(c), a.appendChild(r), this._trigger = i;
+		} else {
+			let n = document.createElement("button");
+			n.type = "button", n.className = this._getBaseClasses(), n.setAttribute("aria-expanded", String(this._isSubmenuPanelVisible())), n.setAttribute("aria-controls", o), n.appendChild(this._createRow(e, t)), n.onclick = () => {
+				let e = !this._isExpanded();
+				this._setExpanded(e, e);
+			}, a.appendChild(n), this._trigger = n;
+		}
+		a.appendChild(this._submenuContainer), this.replaceChildren(a);
+	}
+	render() {
+		this._hasSubmenu() && !this._isSubmenuItem() ? this._buildDropdownLink() : this._buildSimpleLink();
+	}
+};
+customElements.get("mint-sidenav-link") || e("mint-sidenav-link", t);
+//#endregion
+//#region src/components/side-navigation/SideNavigationLinks.ts
+var n = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._container = null, this._title = null, this._titleLabel = null, this._titleCaret = null, this._titleIsInteractive = null, this._list = null, this._titleClickHandler = null, this._listenerCounts = /* @__PURE__ */ new Map();
+	}
+	static get observedAttributes() {
+		return ["name"];
+	}
+	get onMintNameClick() {
+		return this._onMintNameClick;
+	}
+	set onMintNameClick(e) {
+		this._onMintNameClick = e, this.render();
+	}
+	addEventListener(e, t, n) {
+		super.addEventListener(e, t, n), this._trackListener(e, 1);
+	}
+	removeEventListener(e, t, n) {
+		super.removeEventListener(e, t, n), this._trackListener(e, -1);
+	}
+	connectedCallback() {
+		this.render();
+	}
+	disconnectedCallback() {
+		this._title instanceof HTMLButtonElement && this._titleClickHandler && this._title.removeEventListener("click", this._titleClickHandler);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_getName() {
+		return this.getAttribute("name") || "";
+	}
+	_trackListener(e, t) {
+		if (e !== "mint-name-click") return;
+		let n = this._listenerCounts.get(e) || 0, r = Math.max(0, n + t);
+		this._listenerCounts.set(e, r), this.render();
+	}
+	_isNameInteractive() {
+		return (this._listenerCounts.get("mint-name-click") || 0) > 0 || typeof this._onMintNameClick == "function";
+	}
+	_emitNameClick(e) {
+		let t = new CustomEvent("mint-name-click", {
+			detail: {
+				name: this._getName(),
+				originalEvent: e
+			},
+			bubbles: !0,
+			composed: !0
+		});
+		this.dispatchEvent(t), typeof this._onMintNameClick == "function" && this._onMintNameClick(t);
+	}
+	render() {
+		this._container || (this._container = document.createElement("section"), this._container.className = "mint-sidenav-link-group", this.appendChild(this._container));
+		let e = this._getName(), t = e.trim().length > 0, n = this._isNameInteractive();
+		if (!this._title || this._titleIsInteractive !== n) {
+			this._title instanceof HTMLButtonElement && this._titleClickHandler && this._title.removeEventListener("click", this._titleClickHandler);
+			let e = n ? document.createElement("button") : document.createElement("div");
+			e instanceof HTMLButtonElement ? (e.type = "button", this._titleClickHandler = (e) => this._emitNameClick(e), e.addEventListener("click", this._titleClickHandler)) : (e.setAttribute("role", "heading"), e.setAttribute("aria-level", "3"), this._titleClickHandler = null), e.className = `mint-sidenav-group-trigger${n ? " is-interactive" : ""}`, this._titleLabel = document.createElement("mint-text"), this._titleLabel.setAttribute("size", "small"), this._titleLabel.setAttribute("bold", "true"), this._titleLabel.className = n ? "mint-sidenav-group-label is-interactive" : "mint-sidenav-group-label", e.appendChild(this._titleLabel), this._titleCaret = null, n && (this._titleCaret = document.createElement("mint-icon"), this._titleCaret.setAttribute("name", "caret-right"), this._titleCaret.className = "mint-sidenav-group-caret", this._titleCaret.setAttribute("aria-hidden", "true"), e.appendChild(this._titleCaret)), this._title?.parentElement === this._container ? this._container.replaceChild(e, this._title) : this._container.appendChild(e), this._title = e, this._titleIsInteractive = n;
+		}
+		this._titleLabel && (this._titleLabel.textContent = e, this._titleLabel.className = n ? "mint-sidenav-group-label is-interactive" : "mint-sidenav-group-label"), this._title && (this._title.className = `mint-sidenav-group-trigger${n ? " is-interactive" : ""}`), t ? this._title.parentElement !== this._container && this._container?.insertBefore(this._title, this._list) : this._title.parentElement === this._container && this._container?.removeChild(this._title), this._list || (this._list = document.createElement("div"), this._list.className = "mint-sidenav-link-list", this._container.appendChild(this._list)), Array.from(this.children).filter((e) => e !== this._container && e.tagName === "MINT-SIDENAV-LINK").forEach((e) => {
+			this._list && e.parentElement !== this._list && this._list.appendChild(e);
+		});
+	}
+};
+customElements.get("mint-sidenav-links") || e("mint-sidenav-links", n);
+//#endregion
+//#region src/components/side-navigation/SideNavigationActionLinks.ts
+var r = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["separated"];
+	}
+	connectedCallback() {
+		this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_isSeparated() {
+		return this.getAttribute("separated") === "true";
+	}
+	render() {
+		this.className = this._isSeparated() ? "mint-sidenav-action-links is-separated" : "mint-sidenav-action-links";
+	}
+};
+customElements.get("mint-sidenav-action-links") || e("mint-sidenav-action-links", r);
+//#endregion
+//#region src/components/side-navigation/SideNavigationActionMenu.ts
+var i = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._wrapper = null, this._trigger = null, this._popover = null, this._triggerId = "", this._contentObserver = null, this._renderFrame = null;
+	}
+	static get observedAttributes() {
+		return ["title", "subtitle"];
+	}
+	connectedCallback() {
+		this._triggerId = this.id ? `${this.id}-trigger` : `mint-sidenav-action-menu-${Math.random().toString(36).slice(2, 9)}`, this.render(), this._observeContentMutations();
+	}
+	disconnectedCallback() {
+		this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_observeContentMutations() {
+		this._contentObserver ||= new MutationObserver(() => {
+			this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"]
+		});
+	}
+	_getTitle() {
+		return this.getAttribute("title") || "";
+	}
+	_getSubtitle() {
+		return this.getAttribute("subtitle") || "";
+	}
+	_createDefaultGroup() {
+		let e = document.createElement("mint-sidenav-action-links"), t = document.createElement("div");
+		return t.appendChild(e), t;
+	}
+	render() {
+		let e = Array.from(this.children).filter((e) => e !== this._wrapper && e.getAttribute("slot") === "action-links");
+		this._wrapper || (this._wrapper = document.createElement("div"), this._wrapper.className = "mint-sidenav-action-menu-wrap", this.appendChild(this._wrapper)), this._wrapper.innerHTML = "", this._trigger = document.createElement("button"), this._trigger.type = "button", this._trigger.id = this._triggerId, this._trigger.className = "mint-sidenav-action-trigger";
+		let t = document.createElement("div");
+		t.className = "mint-sidenav-avatar", t.textContent = this._getTitle().split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
+		let n = document.createElement("div");
+		n.className = "mint-sidenav-action-text";
+		let r = document.createElement("mint-text");
+		r.setAttribute("size", "body"), r.setAttribute("bold", "true"), r.className = "mint-sidenav-action-title", r.textContent = this._getTitle();
+		let i = document.createElement("mint-text");
+		i.setAttribute("size", "small"), i.setAttribute("variant", "muted"), i.className = "mint-sidenav-action-subtitle", i.textContent = this._getSubtitle(), n.appendChild(r), n.appendChild(i), this._trigger.appendChild(t), this._trigger.appendChild(n), this._popover = document.createElement("mint-popover"), this._popover.setAttribute("trigger-id", this._triggerId), this._popover.setAttribute("direction", "right"), this._popover.setAttribute("padding", "0");
+		let a = document.createElement("div");
+		a.className = "mint-sidenav-action-menu-content", e.length > 0 ? e.forEach((e) => {
+			let t = e;
+			t.setAttribute("hidden", "true"), t.style.display = "none";
+			let n = t.cloneNode(!0);
+			n.removeAttribute("hidden"), n.style.removeProperty("display"), n.removeAttribute("slot"), [...n.matches("mint-button") ? [n] : [], ...Array.from(n.querySelectorAll("mint-button"))].forEach((e) => {
+				let t = e.querySelector(":scope > button");
+				for (; t;) {
+					let e = t.querySelector("button");
+					if (!e) break;
+					e.replaceWith(...Array.from(e.childNodes));
+				}
+			}), a.appendChild(n);
+		}) : a.appendChild(this._createDefaultGroup()), this._popover.appendChild(a), this._wrapper.appendChild(this._trigger), this._wrapper.appendChild(this._popover);
+	}
+};
+customElements.get("mint-sidenav-action-menu") || e("mint-sidenav-action-menu", i);
+//#endregion
+//#region src/components/side-navigation/SideNavigation.ts
+var a = "mint:url-change";
+function o() {
+	if (window.__mintUrlChangePatched) return;
+	window.__mintUrlChangePatched = !0;
+	let e = () => {
+		window.dispatchEvent(new Event(a));
+	}, t = (t) => {
+		let n = history[t].bind(history);
+		history[t] = ((...t) => {
+			let r = n(...t);
+			return e(), r;
+		});
+	};
+	t("pushState"), t("replaceState");
+}
+var s = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._backdrop = null, this._container = null, this._header = null, this._content = null, this._footer = null, this._escapeHandler = null, this._mediaQuery = null, this._mediaListener = null, this._accordionHandler = null, this._urlChangeHandler = null, this._contentObserver = null, this._renderFrame = null, this._onMobileNavNavigateClick = (e) => {
+			if (this._mediaQuery?.matches) return;
+			let t = e.target;
+			if (!(t instanceof Element)) return;
+			let n = t.closest("a[href]");
+			if (!(n instanceof HTMLAnchorElement) || !this._container?.contains(n)) return;
+			let r = n.getAttribute("href");
+			!r || r === "#" || r.trim().toLowerCase().startsWith("javascript:") || this._isOpen() && this.removeAttribute("open");
+		};
+	}
+	static get observedAttributes() {
+		return [
+			"user-name",
+			"user-status",
+			"open",
+			"drawer-top-class",
+			"preview"
+		];
+	}
+	connectedCallback() {
+		this._attachEscapeListener(), this._attachMediaListener(), this._attachAccordionListener(), this._attachUrlChangeListener(), this._observeContentMutations(), this.render();
+	}
+	disconnectedCallback() {
+		this._detachEscapeListener(), this._detachMediaListener(), this._detachAccordionListener(), this._detachUrlChangeListener(), this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_attachEscapeListener() {
+		this._escapeHandler || (this._escapeHandler = (e) => {
+			e.key === "Escape" && this.getAttribute("open") === "true" && this.removeAttribute("open");
+		}, document.addEventListener("keydown", this._escapeHandler));
+	}
+	_detachEscapeListener() {
+		this._escapeHandler &&= (document.removeEventListener("keydown", this._escapeHandler), null);
+	}
+	_attachMediaListener() {
+		this._mediaListener || (this._mediaQuery = window.matchMedia("(min-width: 1100px)"), this._mediaListener = () => {
+			this._mediaQuery?.matches && this.removeAttribute("open");
+		}, this._mediaQuery.addEventListener("change", this._mediaListener));
+	}
+	_detachMediaListener() {
+		this._mediaQuery && this._mediaListener && this._mediaQuery.removeEventListener("change", this._mediaListener), this._mediaQuery = null, this._mediaListener = null;
+	}
+	_attachAccordionListener() {
+		this._accordionHandler || (this._accordionHandler = (e) => {
+			let t = e.detail?.source;
+			!(t instanceof HTMLElement) || t.tagName !== "MINT-SIDENAV-LINK" || this.contains(t) && this.querySelectorAll("mint-sidenav-link").forEach((e) => {
+				e !== t && e.querySelector(":scope .mint-sidenav-submenu") && e.setAttribute("expanded", "false");
+			});
+		}, this.addEventListener("mint-sidenav-accordion", this._accordionHandler));
+	}
+	_detachAccordionListener() {
+		this._accordionHandler &&= (this.removeEventListener("mint-sidenav-accordion", this._accordionHandler), null);
+	}
+	_attachUrlChangeListener() {
+		this._urlChangeHandler || (o(), this._urlChangeHandler = () => {
+			this._mediaQuery?.matches || this._isOpen() && this.removeAttribute("open");
+		}, window.addEventListener("popstate", this._urlChangeHandler), window.addEventListener("hashchange", this._urlChangeHandler), window.addEventListener(a, this._urlChangeHandler));
+	}
+	_detachUrlChangeListener() {
+		this._urlChangeHandler &&= (window.removeEventListener("popstate", this._urlChangeHandler), window.removeEventListener("hashchange", this._urlChangeHandler), window.removeEventListener(a, this._urlChangeHandler), null);
+	}
+	_observeContentMutations() {
+		this._contentObserver ||= new MutationObserver(() => {
+			this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"]
+		});
+	}
+	getUserName() {
+		return this.getAttribute("user-name") || "Acme Inc";
+	}
+	getUserStatus() {
+		return this.getAttribute("user-status") || "Enterprise";
+	}
+	_isOpen() {
+		return this.getAttribute("open") === "true";
+	}
+	_ensureBackdrop() {
+		this._backdrop || (this._backdrop = document.createElement("div"), this._backdrop.setAttribute("aria-hidden", "true"), this._backdrop.addEventListener("click", () => this.removeAttribute("open")), this.insertBefore(this._backdrop, this.firstChild));
+	}
+	_ensureContainer() {
+		this._container || (this._container = document.createElement("aside"), this._container.addEventListener("click", this._onMobileNavNavigateClick, !0), this.appendChild(this._container));
+	}
+	_syncShell() {
+		let e = this._isOpen(), t = this.hasAttribute("preview");
+		this._backdrop && (this._backdrop.className = `mint-sidenav-backdrop${e && !t ? " is-open" : ""}`), this._container && (this._container.className = `mint-sidenav-panel${e ? " is-open" : ""}${t ? " is-preview" : ""}`);
+	}
+	_buildUserHeader() {
+		if (!this._container) return;
+		this._header || (this._header = document.createElement("div"), this._header.className = "mint-sidenav-header", this._container.appendChild(this._header));
+		let e = Array.from(this.querySelectorAll("[slot=\"action-header\"]")).find((e) => e !== this._backdrop && e !== this._container);
+		if (e) {
+			this._header.replaceChildren(e);
+			return;
+		}
+		let t = document.createElement("mint-sidenav-action-menu");
+		t.setAttribute("title", this.getUserName()), t.setAttribute("subtitle", this.getUserStatus()), this._header.replaceChildren(t);
+	}
+	_replaceSlottedChildren(e, t) {
+		let n = Array.from(this.querySelectorAll(`[slot="${t}"]`)).filter((e) => e !== this._container && e !== this._backdrop);
+		e.replaceChildren(...n);
+	}
+	_buildContent() {
+		this._container && (this._content || (this._content = document.createElement("div"), this._content.className = "mint-sidenav-content", this._container.appendChild(this._content)), this._replaceSlottedChildren(this._content, "links"));
+	}
+	_buildFooter() {
+		if (!this._container) return;
+		this._footer || (this._footer = document.createElement("div"), this._footer.className = "mint-sidenav-footer", this._container.appendChild(this._footer));
+		let e = document.createElement("div");
+		e.className = "mint-sidenav-footer-links", this._replaceSlottedChildren(e, "bottom-links"), this._footer.innerHTML = "", this._footer.appendChild(e);
+	}
+	render() {
+		this._ensureBackdrop(), this._ensureContainer(), this._syncShell(), this._buildUserHeader(), this._buildContent(), this._buildFooter();
+	}
+};
+customElements.get("mint-side-navigation") || e("mint-side-navigation", s);
+//#endregion
+//#region src/components/side-navigation/index.ts
+var c = s;
+//#endregion
+export { r as MintSidenavActionLinks, i as MintSidenavActionMenu, t as MintSidenavLink, n as MintSidenavLinks, c as default };

package/dist/components/side-navigation/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../chunks/icon-dG8sLTBn.js`);const e=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-CyzR9aVl.js`),require(`../chunks/text-BmHZbBMo.js`),require(`../chunks/caret-right-CDUwqoen.js`),require(`../chunks/caret-down-BN9cl4o4.js`),require(`../chunks/popover-BeaGf_JC.js`);var t=class extends HTMLElement{constructor(...e){super(...e),this._trigger=null,this._submenuContainer=null,this._contentObserver=null,this._renderFrame=null}static get observedAttributes(){return[`label`,`icon`,`href`,`active`,`expanded`,`submenu-item`]}connectedCallback(){this.render(),this._observeSubmenuMutations()}disconnectedCallback(){this._contentObserver&&=(this._contentObserver.disconnect(),null),this._renderFrame!==null&&(cancelAnimationFrame(this._renderFrame),this._renderFrame=null)}attributeChangedCallback(e,t,n){t!==n&&(this.render(),e===`active`&&this._isSubmenuItem()&&this._refreshDropdownAncestor())}_scheduleRender(){this._renderFrame===null&&(this._renderFrame=requestAnimationFrame(()=>{this._renderFrame=null,this.render()}))}_observeSubmenuMutations(){this._contentObserver||=new MutationObserver(e=>{e.some(e=>[...Array.from(e.addedNodes),...Array.from(e.removedNodes)].some(e=>e instanceof HTMLElement&&e.getAttribute(`slot`)===`submenu`))&&this._scheduleRender()}),this._contentObserver.disconnect(),this._contentObserver.observe(this,{childList:!0,attributes:!0,attributeFilter:[`slot`],subtree:!1})}_refreshDropdownAncestor(){let e=this.parentElement;for(;e;){if(e.tagName===`MINT-SIDENAV-LINK`&&e!==this){e.render();break}e=e.parentElement}}_isActive(){return this.getAttribute(`active`)===`true`}_isExpanded(){return this.getAttribute(`expanded`)===`true`}_isSubmenuPanelVisible(){return this._isExpanded()||this._isActive()}_isSubmenuItem(){return this.getAttribute(`submenu-item`)===`true`}_getLabel(){return this.getAttribute(`label`)||``}_getIcon(){return this.getAttribute(`icon`)||``}_getHref(){return this.getAttribute(`href`)}_getBaseClasses(){return`mint-sidenav-link-control${this._isActive()?` is-active`:``}${this._isSubmenuItem()?` is-submenu-item`:``}`}_hasSubmenu(){return this.querySelectorAll(`:scope > [slot="submenu"]`).length>0?!0:!!this._submenuContainer&&this._submenuContainer.children.length>0}_createRow(e,t){let n=document.createElement(`span`);if(n.className=`mint-sidenav-link-row`,t){let e=document.createElement(`mint-icon`);e.setAttribute(`name`,t),e.className=`mint-sidenav-link-icon`,e.setAttribute(`aria-hidden`,`true`),n.appendChild(e)}let r=document.createElement(`span`);return r.className=`mint-sidenav-link-label`,r.textContent=e,n.appendChild(r),n}_buildSimpleLink(){let e=this._getHref(),t=this._getLabel(),n=this._getIcon(),r=e?document.createElement(`a`):document.createElement(`button`);e?r.setAttribute(`href`,e):r.setAttribute(`type`,`button`),r.className=this._getBaseClasses(),r.setAttribute(`aria-label`,t||`Side navigation link`),r.appendChild(this._createRow(t,n)),this.replaceChildren(r),this._trigger=r}_emitAccordionExpand(){this.dispatchEvent(new CustomEvent(`mint-sidenav-accordion`,{bubbles:!0,composed:!0,detail:{source:this}}))}_setExpanded(e,t){this.setAttribute(`expanded`,String(e)),e&&t&&this._emitAccordionExpand()}_buildDropdownLink(){let e=this._getLabel(),t=this._getIcon(),n=this._getHref(),r=Array.from(this.querySelectorAll(`:scope > [slot="submenu"]`)),i=r.length>0?r:this._submenuContainer?Array.from(this._submenuContainer.children):[],a=document.createElement(`div`);a.className=`mint-sidenav-dropdown`,this._submenuContainer=document.createElement(`div`),this._submenuContainer.id=`mint-sidenav-submenu-${Math.random().toString(36).slice(2,11)}`;let o=this._submenuContainer.id;if(this._submenuContainer.className=`mint-sidenav-submenu${this._isSubmenuPanelVisible()?` is-expanded`:``}`,i.forEach(e=>{e.setAttribute(`submenu-item`,`true`),e.setAttribute(`slot`,`submenu`),this._submenuContainer?.appendChild(e)}),n){let r=document.createElement(`div`);r.className=`mint-sidenav-link-row-wrap`;let i=document.createElement(`a`);i.setAttribute(`href`,n),i.className=`${this._getBaseClasses()} mint-sidenav-desktop-link`,i.setAttribute(`aria-expanded`,String(this._isSubmenuPanelVisible())),i.setAttribute(`aria-controls`,o),this._isActive()?i.setAttribute(`aria-current`,`page`):i.removeAttribute(`aria-current`),i.appendChild(this._createRow(e,t)),i.addEventListener(`click`,()=>{this._setExpanded(!0,!0)});let s=document.createElement(`a`);s.setAttribute(`href`,n),s.className=`${this._getBaseClasses()} mint-sidenav-mobile-link`,s.setAttribute(`aria-controls`,o),s.appendChild(this._createRow(e,t)),this._isActive()?s.setAttribute(`aria-current`,`page`):s.removeAttribute(`aria-current`);let c=document.createElement(`button`);c.type=`button`,c.className=`mint-sidenav-mobile-toggle`,c.setAttribute(`aria-label`,`Toggle ${e} submenu`),c.setAttribute(`aria-expanded`,String(this._isSubmenuPanelVisible())),c.setAttribute(`aria-controls`,o),c.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation();let t=!this._isExpanded();this._setExpanded(t,t)});let l=document.createElement(`mint-icon`);l.setAttribute(`name`,`caret-down`),l.className=`mint-sidenav-dropdown-caret${this._isSubmenuPanelVisible()?` is-expanded`:``}`,l.setAttribute(`aria-hidden`,`true`),c.appendChild(l),r.appendChild(i),r.appendChild(s),r.appendChild(c),a.appendChild(r),this._trigger=i}else{let n=document.createElement(`button`);n.type=`button`,n.className=this._getBaseClasses(),n.setAttribute(`aria-expanded`,String(this._isSubmenuPanelVisible())),n.setAttribute(`aria-controls`,o),n.appendChild(this._createRow(e,t)),n.onclick=()=>{let e=!this._isExpanded();this._setExpanded(e,e)},a.appendChild(n),this._trigger=n}a.appendChild(this._submenuContainer),this.replaceChildren(a)}render(){this._hasSubmenu()&&!this._isSubmenuItem()?this._buildDropdownLink():this._buildSimpleLink()}};customElements.get(`mint-sidenav-link`)||e.t(`mint-sidenav-link`,t);var n=class extends HTMLElement{constructor(...e){super(...e),this._container=null,this._title=null,this._titleLabel=null,this._titleCaret=null,this._titleIsInteractive=null,this._list=null,this._titleClickHandler=null,this._listenerCounts=new Map}static get observedAttributes(){return[`name`]}get onMintNameClick(){return this._onMintNameClick}set onMintNameClick(e){this._onMintNameClick=e,this.render()}addEventListener(e,t,n){super.addEventListener(e,t,n),this._trackListener(e,1)}removeEventListener(e,t,n){super.removeEventListener(e,t,n),this._trackListener(e,-1)}connectedCallback(){this.render()}disconnectedCallback(){this._title instanceof HTMLButtonElement&&this._titleClickHandler&&this._title.removeEventListener(`click`,this._titleClickHandler)}attributeChangedCallback(e,t,n){t!==n&&this.render()}_getName(){return this.getAttribute(`name`)||``}_trackListener(e,t){if(e!==`mint-name-click`)return;let n=this._listenerCounts.get(e)||0,r=Math.max(0,n+t);this._listenerCounts.set(e,r),this.render()}_isNameInteractive(){return(this._listenerCounts.get(`mint-name-click`)||0)>0||typeof this._onMintNameClick==`function`}_emitNameClick(e){let t=new CustomEvent(`mint-name-click`,{detail:{name:this._getName(),originalEvent:e},bubbles:!0,composed:!0});this.dispatchEvent(t),typeof this._onMintNameClick==`function`&&this._onMintNameClick(t)}render(){this._container||(this._container=document.createElement(`section`),this._container.className=`mint-sidenav-link-group`,this.appendChild(this._container));let e=this._getName(),t=e.trim().length>0,n=this._isNameInteractive();if(!this._title||this._titleIsInteractive!==n){this._title instanceof HTMLButtonElement&&this._titleClickHandler&&this._title.removeEventListener(`click`,this._titleClickHandler);let e=n?document.createElement(`button`):document.createElement(`div`);e instanceof HTMLButtonElement?(e.type=`button`,this._titleClickHandler=e=>this._emitNameClick(e),e.addEventListener(`click`,this._titleClickHandler)):(e.setAttribute(`role`,`heading`),e.setAttribute(`aria-level`,`3`),this._titleClickHandler=null),e.className=`mint-sidenav-group-trigger${n?` is-interactive`:``}`,this._titleLabel=document.createElement(`mint-text`),this._titleLabel.setAttribute(`size`,`small`),this._titleLabel.setAttribute(`bold`,`true`),this._titleLabel.className=n?`mint-sidenav-group-label is-interactive`:`mint-sidenav-group-label`,e.appendChild(this._titleLabel),this._titleCaret=null,n&&(this._titleCaret=document.createElement(`mint-icon`),this._titleCaret.setAttribute(`name`,`caret-right`),this._titleCaret.className=`mint-sidenav-group-caret`,this._titleCaret.setAttribute(`aria-hidden`,`true`),e.appendChild(this._titleCaret)),this._title?.parentElement===this._container?this._container.replaceChild(e,this._title):this._container.appendChild(e),this._title=e,this._titleIsInteractive=n}this._titleLabel&&(this._titleLabel.textContent=e,this._titleLabel.className=n?`mint-sidenav-group-label is-interactive`:`mint-sidenav-group-label`),this._title&&(this._title.className=`mint-sidenav-group-trigger${n?` is-interactive`:``}`),t?this._title.parentElement!==this._container&&this._container?.insertBefore(this._title,this._list):this._title.parentElement===this._container&&this._container?.removeChild(this._title),this._list||(this._list=document.createElement(`div`),this._list.className=`mint-sidenav-link-list`,this._container.appendChild(this._list)),Array.from(this.children).filter(e=>e!==this._container&&e.tagName===`MINT-SIDENAV-LINK`).forEach(e=>{this._list&&e.parentElement!==this._list&&this._list.appendChild(e)})}};customElements.get(`mint-sidenav-links`)||e.t(`mint-sidenav-links`,n);var r=class extends HTMLElement{static get observedAttributes(){return[`separated`]}connectedCallback(){this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}_isSeparated(){return this.getAttribute(`separated`)===`true`}render(){this.className=this._isSeparated()?`mint-sidenav-action-links is-separated`:`mint-sidenav-action-links`}};customElements.get(`mint-sidenav-action-links`)||e.t(`mint-sidenav-action-links`,r);var i=class extends HTMLElement{constructor(...e){super(...e),this._wrapper=null,this._trigger=null,this._popover=null,this._triggerId=``,this._contentObserver=null,this._renderFrame=null}static get observedAttributes(){return[`title`,`subtitle`]}connectedCallback(){this._triggerId=this.id?`${this.id}-trigger`:`mint-sidenav-action-menu-${Math.random().toString(36).slice(2,9)}`,this.render(),this._observeContentMutations()}disconnectedCallback(){this._contentObserver&&=(this._contentObserver.disconnect(),null),this._renderFrame!==null&&(cancelAnimationFrame(this._renderFrame),this._renderFrame=null)}attributeChangedCallback(e,t,n){t!==n&&this.render()}_scheduleRender(){this._renderFrame===null&&(this._renderFrame=requestAnimationFrame(()=>{this._renderFrame=null,this.render()}))}_observeContentMutations(){this._contentObserver||=new MutationObserver(()=>{this._scheduleRender()}),this._contentObserver.disconnect(),this._contentObserver.observe(this,{childList:!0,attributes:!0,attributeFilter:[`slot`]})}_getTitle(){return this.getAttribute(`title`)||``}_getSubtitle(){return this.getAttribute(`subtitle`)||``}_createDefaultGroup(){let e=document.createElement(`mint-sidenav-action-links`),t=document.createElement(`div`);return t.appendChild(e),t}render(){let e=Array.from(this.children).filter(e=>e!==this._wrapper&&e.getAttribute(`slot`)===`action-links`);this._wrapper||(this._wrapper=document.createElement(`div`),this._wrapper.className=`mint-sidenav-action-menu-wrap`,this.appendChild(this._wrapper)),this._wrapper.innerHTML=``,this._trigger=document.createElement(`button`),this._trigger.type=`button`,this._trigger.id=this._triggerId,this._trigger.className=`mint-sidenav-action-trigger`;let t=document.createElement(`div`);t.className=`mint-sidenav-avatar`,t.textContent=this._getTitle().split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase();let n=document.createElement(`div`);n.className=`mint-sidenav-action-text`;let r=document.createElement(`mint-text`);r.setAttribute(`size`,`body`),r.setAttribute(`bold`,`true`),r.className=`mint-sidenav-action-title`,r.textContent=this._getTitle();let i=document.createElement(`mint-text`);i.setAttribute(`size`,`small`),i.setAttribute(`variant`,`muted`),i.className=`mint-sidenav-action-subtitle`,i.textContent=this._getSubtitle(),n.appendChild(r),n.appendChild(i),this._trigger.appendChild(t),this._trigger.appendChild(n),this._popover=document.createElement(`mint-popover`),this._popover.setAttribute(`trigger-id`,this._triggerId),this._popover.setAttribute(`direction`,`right`),this._popover.setAttribute(`padding`,`0`);let a=document.createElement(`div`);a.className=`mint-sidenav-action-menu-content`,e.length>0?e.forEach(e=>{let t=e;t.setAttribute(`hidden`,`true`),t.style.display=`none`;let n=t.cloneNode(!0);n.removeAttribute(`hidden`),n.style.removeProperty(`display`),n.removeAttribute(`slot`),[...n.matches(`mint-button`)?[n]:[],...Array.from(n.querySelectorAll(`mint-button`))].forEach(e=>{let t=e.querySelector(`:scope > button`);for(;t;){let e=t.querySelector(`button`);if(!e)break;e.replaceWith(...Array.from(e.childNodes))}}),a.appendChild(n)}):a.appendChild(this._createDefaultGroup()),this._popover.appendChild(a),this._wrapper.appendChild(this._trigger),this._wrapper.appendChild(this._popover)}};customElements.get(`mint-sidenav-action-menu`)||e.t(`mint-sidenav-action-menu`,i);var a=`mint:url-change`;function o(){if(window.__mintUrlChangePatched)return;window.__mintUrlChangePatched=!0;let e=()=>{window.dispatchEvent(new Event(a))},t=t=>{let n=history[t].bind(history);history[t]=((...t)=>{let r=n(...t);return e(),r})};t(`pushState`),t(`replaceState`)}var s=class extends HTMLElement{constructor(...e){super(...e),this._backdrop=null,this._container=null,this._header=null,this._content=null,this._footer=null,this._escapeHandler=null,this._mediaQuery=null,this._mediaListener=null,this._accordionHandler=null,this._urlChangeHandler=null,this._contentObserver=null,this._renderFrame=null,this._onMobileNavNavigateClick=e=>{if(this._mediaQuery?.matches)return;let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`a[href]`);if(!(n instanceof HTMLAnchorElement)||!this._container?.contains(n))return;let r=n.getAttribute(`href`);!r||r===`#`||r.trim().toLowerCase().startsWith(`javascript:`)||this._isOpen()&&this.removeAttribute(`open`)}}static get observedAttributes(){return[`user-name`,`user-status`,`open`,`drawer-top-class`,`preview`]}connectedCallback(){this._attachEscapeListener(),this._attachMediaListener(),this._attachAccordionListener(),this._attachUrlChangeListener(),this._observeContentMutations(),this.render()}disconnectedCallback(){this._detachEscapeListener(),this._detachMediaListener(),this._detachAccordionListener(),this._detachUrlChangeListener(),this._contentObserver&&=(this._contentObserver.disconnect(),null),this._renderFrame!==null&&(cancelAnimationFrame(this._renderFrame),this._renderFrame=null)}attributeChangedCallback(e,t,n){t!==n&&this.render()}_scheduleRender(){this._renderFrame===null&&(this._renderFrame=requestAnimationFrame(()=>{this._renderFrame=null,this.render()}))}_attachEscapeListener(){this._escapeHandler||(this._escapeHandler=e=>{e.key===`Escape`&&this.getAttribute(`open`)===`true`&&this.removeAttribute(`open`)},document.addEventListener(`keydown`,this._escapeHandler))}_detachEscapeListener(){this._escapeHandler&&=(document.removeEventListener(`keydown`,this._escapeHandler),null)}_attachMediaListener(){this._mediaListener||(this._mediaQuery=window.matchMedia(`(min-width: 1100px)`),this._mediaListener=()=>{this._mediaQuery?.matches&&this.removeAttribute(`open`)},this._mediaQuery.addEventListener(`change`,this._mediaListener))}_detachMediaListener(){this._mediaQuery&&this._mediaListener&&this._mediaQuery.removeEventListener(`change`,this._mediaListener),this._mediaQuery=null,this._mediaListener=null}_attachAccordionListener(){this._accordionHandler||(this._accordionHandler=e=>{let t=e.detail?.source;!(t instanceof HTMLElement)||t.tagName!==`MINT-SIDENAV-LINK`||this.contains(t)&&this.querySelectorAll(`mint-sidenav-link`).forEach(e=>{e!==t&&e.querySelector(`:scope .mint-sidenav-submenu`)&&e.setAttribute(`expanded`,`false`)})},this.addEventListener(`mint-sidenav-accordion`,this._accordionHandler))}_detachAccordionListener(){this._accordionHandler&&=(this.removeEventListener(`mint-sidenav-accordion`,this._accordionHandler),null)}_attachUrlChangeListener(){this._urlChangeHandler||(o(),this._urlChangeHandler=()=>{this._mediaQuery?.matches||this._isOpen()&&this.removeAttribute(`open`)},window.addEventListener(`popstate`,this._urlChangeHandler),window.addEventListener(`hashchange`,this._urlChangeHandler),window.addEventListener(a,this._urlChangeHandler))}_detachUrlChangeListener(){this._urlChangeHandler&&=(window.removeEventListener(`popstate`,this._urlChangeHandler),window.removeEventListener(`hashchange`,this._urlChangeHandler),window.removeEventListener(a,this._urlChangeHandler),null)}_observeContentMutations(){this._contentObserver||=new MutationObserver(()=>{this._scheduleRender()}),this._contentObserver.disconnect(),this._contentObserver.observe(this,{childList:!0,attributes:!0,attributeFilter:[`slot`]})}getUserName(){return this.getAttribute(`user-name`)||`Acme Inc`}getUserStatus(){return this.getAttribute(`user-status`)||`Enterprise`}_isOpen(){return this.getAttribute(`open`)===`true`}_ensureBackdrop(){this._backdrop||(this._backdrop=document.createElement(`div`),this._backdrop.setAttribute(`aria-hidden`,`true`),this._backdrop.addEventListener(`click`,()=>this.removeAttribute(`open`)),this.insertBefore(this._backdrop,this.firstChild))}_ensureContainer(){this._container||(this._container=document.createElement(`aside`),this._container.addEventListener(`click`,this._onMobileNavNavigateClick,!0),this.appendChild(this._container))}_syncShell(){let e=this._isOpen(),t=this.hasAttribute(`preview`);this._backdrop&&(this._backdrop.className=`mint-sidenav-backdrop${e&&!t?` is-open`:``}`),this._container&&(this._container.className=`mint-sidenav-panel${e?` is-open`:``}${t?` is-preview`:``}`)}_buildUserHeader(){if(!this._container)return;this._header||(this._header=document.createElement(`div`),this._header.className=`mint-sidenav-header`,this._container.appendChild(this._header));let e=Array.from(this.querySelectorAll(`[slot="action-header"]`)).find(e=>e!==this._backdrop&&e!==this._container);if(e){this._header.replaceChildren(e);return}let t=document.createElement(`mint-sidenav-action-menu`);t.setAttribute(`title`,this.getUserName()),t.setAttribute(`subtitle`,this.getUserStatus()),this._header.replaceChildren(t)}_replaceSlottedChildren(e,t){let n=Array.from(this.querySelectorAll(`[slot="${t}"]`)).filter(e=>e!==this._container&&e!==this._backdrop);e.replaceChildren(...n)}_buildContent(){this._container&&(this._content||(this._content=document.createElement(`div`),this._content.className=`mint-sidenav-content`,this._container.appendChild(this._content)),this._replaceSlottedChildren(this._content,`links`))}_buildFooter(){if(!this._container)return;this._footer||(this._footer=document.createElement(`div`),this._footer.className=`mint-sidenav-footer`,this._container.appendChild(this._footer));let e=document.createElement(`div`);e.className=`mint-sidenav-footer-links`,this._replaceSlottedChildren(e,`bottom-links`),this._footer.innerHTML=``,this._footer.appendChild(e)}render(){this._ensureBackdrop(),this._ensureContainer(),this._syncShell(),this._buildUserHeader(),this._buildContent(),this._buildFooter()}};customElements.get(`mint-side-navigation`)||e.t(`mint-side-navigation`,s);var c=s;exports.MintSidenavActionLinks=r,exports.MintSidenavActionMenu=i,exports.MintSidenavLink=t,exports.MintSidenavLinks=n,exports.default=c;

package/dist/components/side-navigation/index.d.ts

@@ -1,8 +1,5 @@
-import MintSideNavigation from './SideNavigation';
-import MintSidenavLinks from './SideNavigationLinks';
-import MintSidenavLink from './SideNavigationLink';
-import MintSidenavActionMenu from './SideNavigationActionMenu';
-import MintSidenavActionLinks from './SideNavigationActionLinks';
-export default MintSideNavigation;
-export { MintSidenavLinks, MintSidenavLink, MintSidenavActionMenu, MintSidenavActionLinks };
-//# sourceMappingURL=index.d.ts.map
+export { default, MintSideNavigation } from './SideNavigation'
+export { MintSidenavLinks } from '../../mintui-elements'
+export { MintSidenavLink } from '../../mintui-elements'
+export { MintSidenavActionMenu } from '../../mintui-elements'
+export { MintSidenavActionLinks } from '../../mintui-elements'

package/dist/components/side-navigation/index.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,kBAAkB,CAAA;AACjD,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AACpD,OAAO,eAAe,MAAM,sBAAsB,CAAA;AAClD,OAAO,qBAAqB,MAAM,4BAA4B,CAAA;AAC9D,OAAO,sBAAsB,MAAM,6BAA6B,CAAA;AAEhE,eAAe,kBAAkB,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,CAAA"}
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}