@flux-ui/dashboard 3.0.0-next.22 → 3.0.0-next.24

package/dist/index.js

@@ -1,318 +1,312 @@
-import { ref, watch, unref, defineComponent, provide, createElementBlock, openBlock, normalizeClass, renderSlot, createElementVNode, inject, createBlock, withCtx, createCommentVNode, createVNode, toDisplayString, useSlots, resolveComponent, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, openBlock, provide, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
 import { DateTime } from "luxon";
-import { FluxIcon, FluxSpacer, FluxMenuItem } from "@flux-ui/components";
-function k(e, t, o, n = { passive: true }) {
-  watch(e, (s, r, a) => {
-    if (!s) return;
-    s.addEventListener(t, o, n), a(() => s.removeEventListener(t, o));
-  }, { immediate: true });
+import { FluxIcon, FluxMenuItem, FluxSpacer } from "@flux-ui/components";
+[
+	"a:not([disabled])",
+	"button:not([disabled])",
+	"input[type=checkbox]:not([disabled])",
+	"input[type=radio]:not([disabled])",
+	"input[type=text]:not([disabled])",
+	"[tabindex]:not([disabled]):not([tabindex=\"-1\"])"
+].join(",");
+var X = class {
+	get active() {
+		return this.current?.isEnabled ?? !1;
+	}
+	get current() {
+		return this.#e[this.#e.length - 1] ?? null;
+	}
+	#t = [];
+	#e = [];
+	add(e, t, n = !0) {
+		let o = {
+			id: e,
+			setEnabled: t,
+			isEnabled: !0
+		};
+		if (this.current && this.toggle(this.current, !1), this.#e.push(o), n) this.toggle(o, !0), this.emit();
+	}
+	remove(e) {
+		let t = this.#e.find((s) => s.id === e);
+		t && this.toggle(t, !1);
+		let o = this.current?.id === e;
+		this.#e = this.#e.filter((s) => s.id !== e), o && this.current && this.toggle(this.current, !0), this.emit();
+	}
+	emit() {
+		this.#t.forEach((e) => e(this.active, this.#e));
+	}
+	subscribe(e) {
+		return this.#t.push(e), e(this.active, this.#e), () => this.#t = this.#t.filter((t) => t !== e);
+	}
+	toggle(e, t) {
+		e.setEnabled(t), e.isEnabled = t;
+	}
+};
+new X();
+globalThis.document;
+function k(e, t, n, o = { passive: !0 }) {
+	watch(e, (s, r, a) => {
+		if (!s) return;
+		s.addEventListener(t, n, o), a(() => s.removeEventListener(t, n));
+	}, { immediate: !0 });
 }
 function ne(e, t) {
-  let o = `flux/${e}`, n = ref(s() ?? t);
-  function s() {
-    if (o in localStorage) {
-      let r = JSON.parse(localStorage.getItem(o));
-      if (Array.isArray(r) && r[0] === "DateTime") r = DateTime.fromISO(r[1]);
-      return r;
-    }
-    return null;
-  }
-  return watch(n, (r) => {
-    let a = r;
-    if (DateTime.isDateTime(r)) a = ["DateTime", r.toISO({ includeOffset: true, extendedZone: true })];
-    localStorage.setItem(o, JSON.stringify(a));
-  }), n;
+	let n = `flux/${e}`, o = ref(s() ?? t);
+	function s() {
+		if (n in localStorage) {
+			let r = JSON.parse(localStorage.getItem(n));
+			if (Array.isArray(r) && r[0] === "DateTime") r = DateTime.fromISO(r[1]);
+			return r;
+		}
+		return null;
+	}
+	return watch(o, (r) => {
+		let a = r;
+		if (DateTime.isDateTime(r)) a = ["DateTime", r.toISO({
+			includeOffset: !0,
+			extendedZone: !0
+		})];
+		localStorage.setItem(n, JSON.stringify(a));
+	}), o;
 }
-function re(e) {
-  let t = ref(0), o = ref(0);
-  if (!e) e = ref(document);
-  return k(e, "scroll", () => {
-    let n = unref(e);
-    if (n instanceof Document) n = n.scrollingElement;
-    t.value = n?.scrollLeft ?? 0, o.value = n?.scrollTop ?? 0;
-  }), { x: t, y: o };
+function se(e) {
+	let t = ref(0), n = ref(0);
+	if (!e) e = ref(document);
+	return k(e, "scroll", () => {
+		let o = unref(e);
+		if (o instanceof Document) o = o.scrollingElement;
+		t.value = o?.scrollLeft ?? 0, n.value = o?.scrollTop ?? 0;
+	}), {
+		x: t,
+		y: n
+	};
 }
 const FluxDashboardInjectionKey = Symbol();
-const root = `root`;
-const dashboard$2 = `dashboard`;
-const dashboardMount = `dashboard-mount`;
-const isResizing = `is-resizing`;
-const dashboardNavigation$1 = `dashboard-navigation`;
-const dashboardNavigationCollapsed$1 = `dashboard-navigation-collapsed`;
-const dashboardMenu$2 = `dashboard-menu`;
-const dashboardSide$1 = `dashboard-side`;
-const $style$4 = { root, dashboard: dashboard$2, dashboardMount, isResizing, dashboardNavigation: dashboardNavigation$1, dashboardNavigationCollapsed: dashboardNavigationCollapsed$1, dashboardMenu: dashboardMenu$2, dashboardSide: dashboardSide$1 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboard",
-  setup(__props) {
-    const isMenuCollapsed = ne("dashboard-menu-collapsed", true);
-    const isNavigationCollapsed = ne("dashboard-navigation-collapsed", true);
-    const isResizing2 = ref(false);
-    provide(FluxDashboardInjectionKey, {
-      isMenuCollapsed,
-      isNavigationCollapsed
-    });
-    watch(isNavigationCollapsed, (_, __, onCleanup) => {
-      let timeout;
-      function onResize() {
-        clearTimeout(timeout);
-        isResizing2.value = true;
-        timeout = setTimeout(() => isResizing2.value = false, 10);
-      }
-      window.addEventListener("resize", onResize, { passive: true });
-      onCleanup(() => window.removeEventListener("resize", onResize));
-    }, { immediate: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref($style$4).dashboard, isResizing2.value && unref($style$4).isResizing])
-      }, [
-        renderSlot(_ctx.$slots, "navigation"),
-        renderSlot(_ctx.$slots, "menu"),
-        createElementVNode("div", {
-          class: normalizeClass(unref($style$4).dashboardMount)
-        }, [
-          renderSlot(_ctx.$slots, "header"),
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        renderSlot(_ctx.$slots, "side")
-      ], 2);
-    };
-  }
+var Dashboard_module_default = {
+	root: `root`,
+	dashboard: `dashboard`,
+	dashboardMount: `dashboard-mount`,
+	isResizing: `is-resizing`,
+	dashboardNavigation: `dashboard-navigation`,
+	dashboardNavigationCollapsed: `dashboard-navigation-collapsed`,
+	dashboardMenu: `dashboard-menu`,
+	dashboardSide: `dashboard-side`
+};
+var FluxDashboard_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboard",
+	setup(__props) {
+		const isMenuCollapsed = ne("dashboard-menu-collapsed", true);
+		const isNavigationCollapsed = ne("dashboard-navigation-collapsed", true);
+		const isResizing = ref(false);
+		provide(FluxDashboardInjectionKey, {
+			isMenuCollapsed,
+			isNavigationCollapsed
+		});
+		watch(isNavigationCollapsed, (_, __, onCleanup) => {
+			let timeout;
+			function onResize() {
+				clearTimeout(timeout);
+				isResizing.value = true;
+				timeout = setTimeout(() => isResizing.value = false, 10);
+			}
+			window.addEventListener("resize", onResize, { passive: true });
+			onCleanup(() => window.removeEventListener("resize", onResize));
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(Dashboard_module_default).dashboard, isResizing.value && unref(Dashboard_module_default).isResizing]) }, [
+				renderSlot(_ctx.$slots, "navigation"),
+				renderSlot(_ctx.$slots, "menu"),
+				createElementVNode("div", { class: normalizeClass(unref(Dashboard_module_default).dashboardMount) }, [renderSlot(_ctx.$slots, "header"), renderSlot(_ctx.$slots, "default")], 2),
+				renderSlot(_ctx.$slots, "side")
+			], 2);
+		};
+	}
 });
-function useDashboardInjection() {
-  const injection = inject(FluxDashboardInjectionKey);
-  if (!injection) {
-    throw new Error("[Flux] useDashboardInjection() was used outside a FluxDashboard component.");
-  }
-  return injection;
+function useDashboardInjection_default() {
+	const injection = inject(FluxDashboardInjectionKey);
+	if (!injection) throw new Error("[Flux] useDashboardInjection() was used outside a FluxDashboard component.");
+	return injection;
 }
-const notice = `notice`;
-const dashboardContent = `dashboard-content`;
-const calendar = `calendar`;
-const table = `table`;
-const calendarActions = `calendar-actions`;
-const tableCell = `table-cell`;
-const tableCellContent = `table-cell-content`;
-const dashboardContentCollapsed = `dashboard-content-collapsed`;
-const $style$3 = { notice, dashboardContent, calendar, table, calendarActions, tableCell, tableCellContent, dashboardContentCollapsed };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardContent",
-  setup(__props) {
-    const { isMenuCollapsed } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("main", {
-        class: normalizeClass([unref($style$3).dashboardContent, !unref(isMenuCollapsed) && unref($style$3).dashboardContentCollapsed])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+var DashboardContent_module_default = {
+	notice: `notice`,
+	dashboardContent: `dashboard-content`,
+	calendar: `calendar`,
+	table: `table`,
+	calendarActions: `calendar-actions`,
+	tableCell: `table-cell`,
+	tableCellContent: `table-cell-content`,
+	dashboardContentCollapsed: `dashboard-content-collapsed`
+};
+var FluxDashboardContent_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardContent",
+	setup(__props) {
+		const { isMenuCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("main", { class: normalizeClass([unref(DashboardContent_module_default).dashboardContent, !unref(isMenuCollapsed) && unref(DashboardContent_module_default).dashboardContentCollapsed]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
 });
-const dashboardTopBar$1 = `dashboard-top-bar`;
-const icon = `icon`;
-const separator$1 = `separator`;
-const dashboardHeader = `dashboard-header`;
-const routeTransitionEnterActive = `route-transition-enter-active`;
-const routeTransitionLeaveActive = `route-transition-leave-active`;
-const dashboardHeaderScrolled = `dashboard-header-scrolled dashboard-header`;
-const dashboard$1 = `dashboard`;
-const dashboardTopBarCollapsed = `dashboard-top-bar-collapsed`;
-const $style$2 = { dashboardTopBar: dashboardTopBar$1, icon, separator: separator$1, dashboardHeader, routeTransitionEnterActive, routeTransitionLeaveActive, dashboardHeaderScrolled, dashboard: dashboard$1, dashboardTopBarCollapsed };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardTopBar",
-  setup(__props) {
-    const { isMenuCollapsed } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("header", {
-        class: normalizeClass([unref($style$2).dashboardTopBar, !unref(isMenuCollapsed) && unref($style$2).dashboardTopBarCollapsed])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+var DashboardTopBar_module_default = {
+	dashboardTopBar: `dashboard-top-bar`,
+	icon: `icon`,
+	separator: `separator`,
+	dashboardHeader: `dashboard-header`,
+	routeTransitionEnterActive: `route-transition-enter-active`,
+	routeTransitionLeaveActive: `route-transition-leave-active`,
+	dashboardHeaderScrolled: `dashboard-header-scrolled dashboard-header`,
+	dashboard: `dashboard`,
+	dashboardTopBarCollapsed: `dashboard-top-bar-collapsed`
+};
+var FluxDashboardTopBar_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardTopBar",
+	setup(__props) {
+		const { isMenuCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", { class: normalizeClass([unref(DashboardTopBar_module_default).dashboardTopBar, !unref(isMenuCollapsed) && unref(DashboardTopBar_module_default).dashboardTopBarCollapsed]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
 });
-const _hoisted_1$1 = { key: 1 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardHeader",
-  props: {
-    icon: {},
-    title: {}
-  },
-  setup(__props) {
-    const { y } = re();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, {
-        class: normalizeClass(unref(y) > 0 ? unref($style$2).dashboardHeaderScrolled : unref($style$2).dashboardHeader)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "start"),
-          __props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
-            key: 0,
-            name: __props.icon
-          }, null, 8, ["name"])) : createCommentVNode("", true),
-          __props.title ? (openBlock(), createElementBlock("h1", _hoisted_1$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          createVNode(unref(FluxSpacer)),
-          renderSlot(_ctx.$slots, "end")
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
+var _hoisted_1$1 = { key: 1 };
+var FluxDashboardHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardHeader",
+	props: {
+		icon: {},
+		title: {}
+	},
+	setup(__props) {
+		const { y } = se();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxDashboardTopBar_default, { class: normalizeClass(unref(y) > 0 ? unref(DashboardTopBar_module_default).dashboardHeaderScrolled : unref(DashboardTopBar_module_default).dashboardHeader) }, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "start"),
+					__props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
+						key: 0,
+						name: __props.icon
+					}, null, 8, ["name"])) : createCommentVNode("", true),
+					__props.title ? (openBlock(), createElementBlock("h1", _hoisted_1$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					createVNode(unref(FluxSpacer)),
+					renderSlot(_ctx.$slots, "end")
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
 });
-const dashboardPane = `dashboard-pane`;
-const menuSubHeader = `menu-sub-header`;
-const dashboardTopBar = `dashboard-top-bar`;
-const filter = `filter`;
-const filterHeader = `filter-header`;
-const menu$1 = `menu`;
-const menuItemCommand = `menu-item-command`;
-const menuItemIcon$1 = `menu-item-icon`;
-const divider$1 = `divider`;
-const separator = `separator`;
-const dashboardMenu$1 = `dashboard-menu dashboard-pane`;
-const dashboardMenuBody = `dashboard-menu-body`;
-const dashboardSide = `dashboard-side dashboard-pane`;
-const dashboardMenuCollapsed = `dashboard-menu-collapsed`;
-const $style$1 = { dashboardPane, menuSubHeader, dashboardTopBar, filter, filterHeader, menu: menu$1, menuItemCommand, menuItemIcon: menuItemIcon$1, divider: divider$1, separator, dashboardMenu: dashboardMenu$1, dashboardMenuBody, dashboardSide, dashboardMenuCollapsed };
-const _hoisted_1 = { key: 1 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardMenu",
-  props: {
-    icon: {},
-    title: {}
-  },
-  setup(__props) {
-    const { isMenuCollapsed } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", {
-        class: normalizeClass([unref($style$1).dashboardMenu, unref(isMenuCollapsed) && unref($style$1).dashboardMenuCollapsed])
-      }, [
-        createVNode(_sfc_main$4, null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "top-bar-start"),
-            __props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
-              key: 0,
-              name: __props.icon
-            }, null, 8, ["name"])) : createCommentVNode("", true),
-            __props.title ? (openBlock(), createElementBlock("h1", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-            createVNode(unref(FluxSpacer)),
-            renderSlot(_ctx.$slots, "top-bar-end")
-          ]),
-          _: 3
-        }),
-        createElementVNode("div", {
-          class: normalizeClass(unref($style$1).dashboardMenuBody)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ], 2);
-    };
-  }
+var DashboardPane_module_default = {
+	dashboardPane: `dashboard-pane`,
+	menuSubHeader: `menu-sub-header`,
+	dashboardTopBar: `dashboard-top-bar`,
+	filter: `filter`,
+	filterHeader: `filter-header`,
+	menu: `menu`,
+	menuItemCommand: `menu-item-command`,
+	menuItemIcon: `menu-item-icon`,
+	divider: `divider`,
+	separator: `separator`,
+	dashboardMenu: `dashboard-menu dashboard-pane`,
+	dashboardMenuBody: `dashboard-menu-body`,
+	dashboardSide: `dashboard-side dashboard-pane`,
+	dashboardMenuCollapsed: `dashboard-menu-collapsed`
+};
+var _hoisted_1 = { key: 1 };
+var FluxDashboardMenu_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardMenu",
+	props: {
+		icon: {},
+		title: {}
+	},
+	setup(__props) {
+		const { isMenuCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", { class: normalizeClass([unref(DashboardPane_module_default).dashboardMenu, unref(isMenuCollapsed) && unref(DashboardPane_module_default).dashboardMenuCollapsed]) }, [createVNode(FluxDashboardTopBar_default, null, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "top-bar-start"),
+					__props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
+						key: 0,
+						name: __props.icon
+					}, null, 8, ["name"])) : createCommentVNode("", true),
+					__props.title ? (openBlock(), createElementBlock("h1", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					createVNode(unref(FluxSpacer)),
+					renderSlot(_ctx.$slots, "top-bar-end")
+				]),
+				_: 3
+			}), createElementVNode("div", { class: normalizeClass(unref(DashboardPane_module_default).dashboardMenuBody) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
 });
-const dashboardNavigation = `dashboard-navigation`;
-const divider = `divider`;
-const dividerLine = `divider-line`;
-const menu = `menu`;
-const menuItem = `menu-item`;
-const menuItemHighlighted = `menu-item-highlighted`;
-const menuItemIcon = `menu-item-icon`;
-const menuItemLabel = `menu-item-label`;
-const dashboardNavigationCollapsed = `dashboard-navigation-collapsed dashboard-navigation`;
-const dashboardNavigationLogo = `dashboard-navigation-logo`;
-const dashboardNavigationRoundingFix = `dashboard-navigation-rounding-fix`;
-const dashboard = `dashboard`;
-const dashboardMenu = `dashboard-menu`;
-const dashboardNavigationHeader = `dashboard-navigation-header`;
-const dashboardNavigationNav = `dashboard-navigation-nav`;
-const $style = { dashboardNavigation, divider, dividerLine, menu, menuItem, menuItemHighlighted, menuItemIcon, menuItemLabel, dashboardNavigationCollapsed, dashboardNavigationLogo, dashboardNavigationRoundingFix, dashboard, dashboardMenu, dashboardNavigationHeader, dashboardNavigationNav };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "FluxDashboardNavigation",
-  props: {
-    logoLocation: {}
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const {
-      isMenuCollapsed,
-      isNavigationCollapsed
-    } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("nav", mergeProps(_ctx.$attrs, {
-        class: unref(isNavigationCollapsed) ? unref($style).dashboardNavigationCollapsed : unref($style).dashboardNavigation
-      }), [
-        createElementVNode("header", {
-          class: normalizeClass(unref($style).dashboardNavigationHeader)
-        }, [
-          createVNode(unref(FluxMenuItem), {
-            "icon-leading": "bars",
-            onClick: _cache[0] || (_cache[0] = ($event) => isNavigationCollapsed.value = !unref(isNavigationCollapsed))
-          }),
-          slots.logo ? (openBlock(), createBlock(_component_router_link, {
-            key: 0,
-            class: normalizeClass(unref($style).dashboardNavigationLogo),
-            to: __props.logoLocation || "/"
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "logo", normalizeProps(guardReactiveProps({ isNavigationCollapsed: unref(isNavigationCollapsed) })))
-            ]),
-            _: 3
-          }, 8, ["class", "to"])) : createCommentVNode("", true),
-          createVNode(unref(FluxMenuItem), {
-            "icon-leading": "ellipsis-h",
-            onClick: _cache[1] || (_cache[1] = ($event) => isMenuCollapsed.value = !unref(isMenuCollapsed))
-          })
-        ], 2),
-        (openBlock(), createElementBlock(Fragment, null, renderList(2, (index) => {
-          return createElementVNode("div", {
-            key: index,
-            class: normalizeClass(unref($style).dashboardNavigationRoundingFix)
-          }, null, 2);
-        }), 64)),
-        createElementVNode("main", {
-          class: normalizeClass(unref($style).dashboardNavigationNav)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ], 16);
-    };
-  }
+var DashboardNavigation_module_default = {
+	dashboardNavigation: `dashboard-navigation`,
+	divider: `divider`,
+	dividerLine: `divider-line`,
+	menu: `menu`,
+	menuItem: `menu-item`,
+	menuItemHighlighted: `menu-item-highlighted`,
+	menuItemIcon: `menu-item-icon`,
+	menuItemLabel: `menu-item-label`,
+	dashboardNavigationCollapsed: `dashboard-navigation-collapsed dashboard-navigation`,
+	dashboardNavigationLogo: `dashboard-navigation-logo`,
+	dashboardNavigationRoundingFix: `dashboard-navigation-rounding-fix`,
+	dashboard: `dashboard`,
+	dashboardMenu: `dashboard-menu`,
+	dashboardNavigationHeader: `dashboard-navigation-header`,
+	dashboardNavigationNav: `dashboard-navigation-nav`
+};
+var FluxDashboardNavigation_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "FluxDashboardNavigation",
+	props: { logoLocation: {} },
+	setup(__props, { attrs: $attrs }) {
+		const slots = useSlots();
+		const { isMenuCollapsed, isNavigationCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("nav", mergeProps($attrs, { class: unref(isNavigationCollapsed) ? unref(DashboardNavigation_module_default).dashboardNavigationCollapsed : unref(DashboardNavigation_module_default).dashboardNavigation }), [
+				createElementVNode("header", { class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationHeader) }, [
+					createVNode(unref(FluxMenuItem), {
+						"icon-leading": "bars",
+						onClick: _cache[0] || (_cache[0] = ($event) => isNavigationCollapsed.value = !unref(isNavigationCollapsed))
+					}),
+					slots.logo ? (openBlock(), createBlock(_component_router_link, {
+						key: 0,
+						class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationLogo),
+						to: __props.logoLocation || "/"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "logo", normalizeProps(guardReactiveProps({ isNavigationCollapsed: unref(isNavigationCollapsed) })))]),
+						_: 3
+					}, 8, ["class", "to"])) : createCommentVNode("", true),
+					createVNode(unref(FluxMenuItem), {
+						"icon-leading": "ellipsis-h",
+						onClick: _cache[1] || (_cache[1] = ($event) => isMenuCollapsed.value = !unref(isMenuCollapsed))
+					})
+				], 2),
+				(openBlock(), createElementBlock(Fragment, null, renderList(2, (index) => {
+					return createElementVNode("div", {
+						key: index,
+						class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationRoundingFix)
+					}, null, 2);
+				}), 64)),
+				createElementVNode("main", { class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationNav) }, [renderSlot(_ctx.$slots, "default")], 2)
+			], 16);
+		};
+	}
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardSide",
-  props: {
-    title: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", {
-        class: normalizeClass(unref($style$1).dashboardSide)
-      }, [
-        createVNode(_sfc_main$4, null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "top-bar-start"),
-            createElementVNode("h1", null, toDisplayString(__props.title), 1),
-            createVNode(unref(FluxSpacer)),
-            renderSlot(_ctx.$slots, "top-bar-end")
-          ]),
-          _: 3
-        }),
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+var FluxDashboardSide_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardSide",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", { class: normalizeClass(unref(DashboardPane_module_default).dashboardSide) }, [createVNode(FluxDashboardTopBar_default, null, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "top-bar-start"),
+					createElementVNode("h1", null, toDisplayString(__props.title), 1),
+					createVNode(unref(FluxSpacer)),
+					renderSlot(_ctx.$slots, "top-bar-end")
+				]),
+				_: 3
+			}), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
 });
-export {
-  _sfc_main$6 as FluxDashboard,
-  _sfc_main$5 as FluxDashboardContent,
-  _sfc_main$3 as FluxDashboardHeader,
-  FluxDashboardInjectionKey,
-  _sfc_main$2 as FluxDashboardMenu,
-  _sfc_main$1 as FluxDashboardNavigation,
-  _sfc_main as FluxDashboardSide,
-  useDashboardInjection
-};
-//# sourceMappingURL=index.js.map
+export { FluxDashboard_default as FluxDashboard, FluxDashboardContent_default as FluxDashboardContent, FluxDashboardHeader_default as FluxDashboardHeader, FluxDashboardInjectionKey, FluxDashboardMenu_default as FluxDashboardMenu, FluxDashboardNavigation_default as FluxDashboardNavigation, FluxDashboardSide_default as FluxDashboardSide, useDashboardInjection_default as useDashboardInjection };
+
+//# sourceMappingURL=index.js.map