@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.81

package/dist/js/deprecated/menu.js

@@ -1,25 +1,2 @@
-import { D as a, r as n, d as r, b as p, a as u, c as s, s as c, e as d, m as D, l as M, i as o, o as l, p as m, n as I, j as E, h as i, g as L, f as C, q as f, E as G, k as b, u as x } from "../menu-B1QgNIUr.js";
-export {
-  a as DeprecatedMenu,
-  n as DeprecatedMenuContext,
-  r as DeprecatedMenuItem,
-  p as DeprecatedMenuItemContainer,
-  u as DeprecatedMenuItemGroup,
-  s as DeprecatedMenuList,
-  c as DeprecatedMenuProvider,
-  d as ElDeprecatedMenu,
-  D as ElDeprecatedMenuItemAnchor,
-  M as ElDeprecatedMenuItemButton,
-  o as ElDeprecatedMenuItemContent,
-  l as ElDeprecatedMenuItemGroup,
-  m as ElDeprecatedMenuItemGroupList,
-  I as ElDeprecatedMenuItemGroupTitle,
-  E as ElDeprecatedMenuItemIcon,
-  i as ElDeprecatedMenuItemLabel,
-  L as ElDeprecatedMenuItemLabelContainer,
-  C as ElDeprecatedMenuItemSupplementaryInfo,
-  f as ElDeprecatedMenuList,
-  G as ElDeprecatedMenuPopover,
-  b as elDeprecatedMenuItemLeftIcon,
-  x as useDeprecatedMenuContext
-};
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "../menu-iic-I9DJ.js";
+export { _ as DeprecatedMenu, r as DeprecatedMenuContext, f as DeprecatedMenuItem, h as DeprecatedMenuItemContainer, l as DeprecatedMenuItemGroup, n as DeprecatedMenuList, b as DeprecatedMenuProvider, p as ElDeprecatedMenu, g as ElDeprecatedMenuItemAnchor, i as ElDeprecatedMenuItemButton, u as ElDeprecatedMenuItemContent, v as ElDeprecatedMenuItemGroup, a as ElDeprecatedMenuItemGroupList, o as ElDeprecatedMenuItemGroupTitle, m as ElDeprecatedMenuItemIcon, d as ElDeprecatedMenuItemLabel, c as ElDeprecatedMenuItemLabelContainer, s as ElDeprecatedMenuItemSupplementaryInfo, t as ElDeprecatedMenuList, y as ElDeprecatedMenuPopover, x as elDeprecatedMenuItemLeftIcon, e as useDeprecatedMenuContext };

package/dist/js/deprecated/mobile-controls.js

@@ -1,10 +1,51 @@
-import { c as e, a as s, E as t, M as a, d as i, b as n, e as r } from "../mobile-controls-D-uLuGMt.js";
-export {
-  e as ElMobileControlItem,
-  s as ElMobileControls,
-  t as ElMobileControlsBg,
-  a as MobileControls,
-  i as clickEventHandler,
-  n as elMobileControlsFloatingButton,
-  r as elMobileControlsVisible
+import "../deprecated-states-CV2MCsSF.js";
+import { t as e } from "../dist-DLc9lUhF.js";
+import { t } from "../dist-Du1lGuAB.js";
+import "../make-icon-Cez0iOAn.js";
+import { t as n } from "../button-jgaS-YWF.js";
+import { t as r } from "../menu-qO_n9LIp.js";
+import { createElement as i, useId as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/deprecated/mobile-controls/__styles__/index.ts
+var u = "el-mobile-controls-visible", d = /* @__PURE__ */ e("div")({
+	name: "ElMobileControlsBg",
+	class: "el-mobile-controls-bg",
+	propsAsIs: !1
+}), f = /* @__PURE__ */ e("div")({
+	name: "ElMobileControls",
+	class: "el-mobile-controls",
+	propsAsIs: !1
+}), p = "el-mobile-controls-floating-button", m = /* @__PURE__ */ e("a")({
+	name: "ElMobileControlItem",
+	class: "el-mobile-control-item",
+	propsAsIs: !1
+}), h = (e, t) => (n) => {
+	n?.preventDefault(), n?.stopPropagation(), e((e) => !e), t && t();
+}, g = ({ mobileControlItems: e, buttonOnClick: u, buttonIcon: g, isVisible: _, ...v }) => {
+	let [y, b] = o(!1), x = v.id || a();
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(d, {
+		className: t(y && "el-is-active"),
+		"aria-hidden": !y,
+		onClick: h(b, u)
+	}), /* @__PURE__ */ l(f, {
+		id: x,
+		className: t(_ && "el-mobile-controls-visible"),
+		onClick: h(b, u),
+		...v,
+		children: [e?.map(({ onClick: e, label: n, ...r }, a) => /* @__PURE__ */ i(m, {
+			role: "button",
+			"aria-hidden": !y,
+			className: t(y && "el-is-active"),
+			onClick: h(b, e),
+			...r,
+			key: a
+		}, n)), /* @__PURE__ */ c(n, {
+			"aria-controls": x,
+			variant: "primary",
+			iconLeft: g ?? /* @__PURE__ */ c(r, {}),
+			className: p
+		})]
+	})] });
 };
+//#endregion
+export { m as ElMobileControlItem, f as ElMobileControls, d as ElMobileControlsBg, g as MobileControls, h as clickEventHandler, p as elMobileControlsFloatingButton, u as elMobileControlsVisible };

package/dist/js/deprecated/modal.js

@@ -1,13 +1,73 @@
-import { a as o, E as l, c as s, b as M, g as e, M as r, f as E, d as B, e as g, h as n } from "../modal-BEr2T5o_.js";
-export {
-  o as ElModal,
-  l as ElModalBg,
-  s as ElModalBody,
-  M as ElModalHeader,
-  e as Modal,
-  r as ModalBg,
-  E as ModalBody,
-  B as ModalContainer,
-  g as ModalHeader,
-  n as handleModalFocus
+import { t as e } from "../deprecated-states-CV2MCsSF.js";
+import { t } from "../dist-DLc9lUhF.js";
+import { t as n } from "../dist-Du1lGuAB.js";
+import { createRef as r, forwardRef as i, useEffect as a, useId as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/deprecated/modal/styles.ts
+var u = /* @__PURE__ */ t("div")({
+	name: "ElModalBg",
+	class: "el-modal-bg",
+	propsAsIs: !1
+}), d = /* @__PURE__ */ t("div")({
+	name: "ElModal",
+	class: "el-modal",
+	propsAsIs: !1
+}), f = /* @__PURE__ */ t("div")({
+	name: "ElModalHeader",
+	class: "el-modal-header",
+	propsAsIs: !1
+}), p = /* @__PURE__ */ t("div")({
+	name: "ElModalBody",
+	class: "el-modal-body",
+	propsAsIs: !1
+}), m = ({ className: e, children: t, ...r }) => /* @__PURE__ */ c(u, {
+	className: n(e),
+	...r,
+	children: t
+}), h = i(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ c(d, {
+	className: n(e),
+	...r,
+	ref: i,
+	children: t
+})), g = ({ className: e, children: t, ...r }) => /* @__PURE__ */ c(f, {
+	className: n(e),
+	...r,
+	children: t
+}), _ = ({ className: e, children: t, ...r }) => /* @__PURE__ */ c(p, {
+	className: n(e),
+	...r,
+	children: t
+}), v = (e, t) => () => {
+	t && e.current && e.current.focus();
+}, y = ({ isOpen: t, onModalClose: i, title: u, className: d, children: f, ...p }) => {
+	let y = p.id || o(), b = r();
+	a(() => {
+		let e = (e) => {
+			e.key === "Escape" && i();
+		};
+		return document.addEventListener("keyup", e, !1), () => {
+			document.removeEventListener("keyup", e, !1);
+		};
+	}, [i]);
+	let x = n(d, e);
+	return a(v(b, t), [b, t]), a(() => {
+		console.warn("Modal component will be removed in future major version. Use `Dialog` component instead");
+	}, []), t ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(m, {
+		className: e,
+		onClick: i
+	}), /* @__PURE__ */ l(h, {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-describedby": y,
+		className: x,
+		ref: b,
+		autoFocus: !0,
+		...p,
+		children: [u && /* @__PURE__ */ c(g, { children: u }), /* @__PURE__ */ c(_, {
+			id: y,
+			children: f
+		})]
+	})] }) : null;
 };
+//#endregion
+export { d as ElModal, u as ElModalBg, p as ElModalBody, f as ElModalHeader, y as Modal, m as ModalBg, _ as ModalBody, h as ModalContainer, g as ModalHeader, v as handleModalFocus };

package/dist/js/deprecated/multi-select.js

@@ -1,20 +1,126 @@
-import { k as t, E as a, n as s, o as c, j as S, l as i, m as u, d as n, M, g as d, e as p, f as h, i as E, a as o, c as r, b, h as I } from "../multi-select-B0ZJPy4i.js";
-export {
-  t as ElMultiSelect,
-  a as ElMultiSelectCheckbox,
-  s as ElMultiSelectInput,
-  c as ElMultiSelectInputWrapper,
-  S as ElMultiSelectLabel,
-  i as ElMultiSelectSelected,
-  u as ElMultiSelectUnSelected,
-  n as MultiSelect,
-  M as MultiSelectChip,
-  d as MultiSelectInput,
-  p as MultiSelectSelected,
-  h as MultiSelectUnSelected,
-  E as elHasGreyChips,
-  o as handleResetDefaultValues,
-  r as handleSelectedKeyboardOptions,
-  b as handleSelectedOptions,
-  I as handleSetNativeInput
-};
+import { P as e } from "../deprecated-spacing-BrAK8tP6.js";
+import { t } from "../dist-DLc9lUhF.js";
+import { t as n } from "../dist-Du1lGuAB.js";
+import { t as r } from "../handle-keyboard-event-ChH0fIIS.js";
+import "../make-icon-Cez0iOAn.js";
+import { n as i } from "../random-id-BxeKOQ7Q.js";
+import { t as a } from "../task-Bac57bn1.js";
+import { forwardRef as o, useEffect as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/deprecated/multi-select/__styles__/index.ts
+var f = "el-has-grey-chips", p = /* @__PURE__ */ t("input")({
+	name: "ElMultiSelectCheckbox",
+	class: "el-multi-select-checkbox",
+	propsAsIs: !1
+}), m = /* @__PURE__ */ t("label")({
+	name: "ElMultiSelectLabel",
+	class: "el-multi-select-label",
+	propsAsIs: !1
+}), h = /* @__PURE__ */ t("div")({
+	name: "ElMultiSelect",
+	class: "el-multi-select",
+	propsAsIs: !1
+}), g = /* @__PURE__ */ t("div")({
+	name: "ElMultiSelectSelected",
+	class: "el-multi-select-selected",
+	propsAsIs: !1
+}), _ = /* @__PURE__ */ t("div")({
+	name: "ElMultiSelectUnSelected",
+	class: "el-multi-select-un-selected",
+	propsAsIs: !1
+}), v = /* @__PURE__ */ t("input")({
+	name: "ElMultiSelectInput",
+	class: "el-multi-select-input",
+	propsAsIs: !1
+}), y = /* @__PURE__ */ t("div")({
+	name: "ElMultiSelectInputWrapper",
+	class: "el-multi-select-input-wrapper",
+	propsAsIs: !1
+}), b = (e, t, n) => {
+	let r = Object.getOwnPropertyDescriptor(e, "value")?.set, i = Object.getPrototypeOf(e), a = Object.getOwnPropertyDescriptor(i, "value")?.set;
+	r && r !== a ? a?.call(e, t) : (r?.call(e, t), n && n(t));
+}, x = (e, t, n) => () => {
+	let r = document.getElementById(e);
+	if (r) {
+		b(r, t, n);
+		let e = new Event("change", { bubbles: !0 });
+		r.dispatchEvent(e);
+	}
+}, S = (e, t, n, r) => () => {
+	n && JSON.stringify(n) !== JSON.stringify(r) && (e(n), t(n));
+}, C = (e, t, n) => (r) => {
+	n(r.target.checked ? [...t, e] : t.filter((t) => t !== e));
+}, w = (e, t, n, r) => () => {
+	n(r ? t.filter((t) => t !== e) : [...t, e]);
+}, T = ({ className: e, children: t, onKeyDown: r, tabIndex: a, id: o, ...s }) => {
+	let c = i(o);
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(p, {
+		id: o ?? c,
+		type: "checkbox",
+		"aria-hidden": !0,
+		...s
+	}), /* @__PURE__ */ u(m, {
+		htmlFor: o ?? c,
+		role: "option",
+		tabIndex: a,
+		className: n(e),
+		onKeyDown: r,
+		children: t
+	})] });
+}, E = ({ className: e, children: t, ...r }) => /* @__PURE__ */ u(h, {
+	className: n(e),
+	...r,
+	children: t
+}), D = ({ className: e, children: t, ...r }) => /* @__PURE__ */ u(g, {
+	className: n(e),
+	...r,
+	children: t
+}), O = ({ className: e, children: t, ...r }) => /* @__PURE__ */ u(_, {
+	className: n(e),
+	...r,
+	children: t
+}), k = o(({ className: t, options: n, defaultValues: i, noneSelectedLabel: o, id: f, ...p }, m) => {
+	let [h, g] = c(i ?? []), [_, b] = c(i ?? []);
+	return s(x(f, h), [h]), s(S(g, b, i, _), [i]), /* @__PURE__ */ d(y, { children: [
+		/* @__PURE__ */ u(v, {
+			id: f,
+			...p,
+			ref: m
+		}),
+		/* @__PURE__ */ u(D, {
+			className: t,
+			role: "listbox",
+			"aria-label": "Multi selected options",
+			children: h.length ? n.map((e) => h.includes(e.value) ? /* @__PURE__ */ u(T, {
+				id: `multi-select-chip-${e.value}`,
+				role: "option",
+				tabIndex: 0,
+				"aria-checked": !0,
+				onChange: C(e.value, h, g),
+				onKeyDown: r("Enter", w(e.value, h, g, !0)),
+				defaultChecked: !0,
+				children: e.name
+			}, e.value) : null) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(a, {
+				className: e,
+				color: "secondary"
+			}), /* @__PURE__ */ u("p", { children: o || "Please select from the options below" })] })
+		}),
+		h.length < n.length && /* @__PURE__ */ u(O, {
+			className: t,
+			role: "listbox",
+			"aria-label": "Multi unselected options",
+			children: n.map((e) => h.includes(e.value) ? null : /* @__PURE__ */ u(T, {
+				role: "option",
+				tabIndex: 0,
+				"aria-checked": !1,
+				className: "el-has-grey-chips",
+				onChange: C(e.value, h, g),
+				onKeyDown: r("Enter", w(e.value, h, g, !1)),
+				defaultChecked: !1,
+				children: e.name
+			}, e.value))
+		})
+	] });
+});
+//#endregion
+export { h as ElMultiSelect, p as ElMultiSelectCheckbox, v as ElMultiSelectInput, y as ElMultiSelectInputWrapper, m as ElMultiSelectLabel, g as ElMultiSelectSelected, _ as ElMultiSelectUnSelected, E as MultiSelect, T as MultiSelectChip, k as MultiSelectInput, D as MultiSelectSelected, O as MultiSelectUnSelected, f as elHasGreyChips, S as handleResetDefaultValues, w as handleSelectedKeyboardOptions, C as handleSelectedOptions, x as handleSetNativeInput };

package/dist/js/deprecated/nav.js

@@ -1,34 +1,244 @@
-import { v as t, D as p, B as s, A as r, x as v, w as c, E as d, b as N, a as l, d as n, n as D, o as i, p as o, q as E, c as I, i as m, t as S, s as u, N as A, z as b, r as h, m as w, f as R, g, l as x, h as B, e as M, k, j as C, u as H, y as O } from "../nav-responsive-CgrAMnq3.js";
-export {
-  t as DeprecatedNav,
-  p as DeprecatedNavItem,
-  s as DeprecatedNavResponsive,
-  r as DeprecatedNavResponsiveAvatar,
-  v as DeprecatedNavSubNav,
-  c as DeprecatedNavSubNavItem,
-  d as ElDeprecatedNavBg,
-  N as ElDeprecatedNavContainer,
-  l as ElDeprecatedNavControlsBg,
-  n as ElDeprecatedNavItem,
-  D as ElDeprecatedNavMenu,
-  i as ElDeprecatedNavMenuOption,
-  o as ElDeprecatedNavMenuOptionDivider,
-  E as ElDeprecatedNavResponsiveAvatarWrap,
-  I as ElDeprecatedNavSubContainer,
-  m as ElDeprecatedNavSubItem,
-  S as ElNavResponsiveAppSwitcherIconWrap,
-  u as ElNavResponsiveAppSwitcherWrap,
-  A as NavResponsiveAppSwitcher,
-  b as clickNavEventHandler,
-  h as elAppSwitcherOpen,
-  w as elDeprecatedNavIsHidden,
-  R as elDeprecatedNavItemActive,
-  g as elDeprecatedNavItemExpanded,
-  x as elDeprecatedNavItemHideDesktop,
-  B as elDeprecatedNavItemIcon,
-  M as elDeprecatedNavItemSecondary,
-  k as elDeprecatedNavSubItemActive,
-  C as elDeprecatedNavSubItemExpanded,
-  H as elNewTopBarAppSwitcher,
-  O as handleToggleMenu
+import { H as e, J as t, X as n } from "../deprecated-spacing-BrAK8tP6.js";
+import "../deprecated-states-CV2MCsSF.js";
+import { t as r } from "../dist-DLc9lUhF.js";
+import { t as i } from "../dist-Du1lGuAB.js";
+import { t as a } from "../handle-keyboard-event-ChH0fIIS.js";
+import { t as o } from "../chevron-up-mTVwguhM.js";
+import "../make-icon-Cez0iOAn.js";
+import { t as s } from "../chevron-down-BJacFTxw.js";
+import { DeprecatedAvatar as c } from "./avatar.js";
+import { t as l } from "../random-id-BxeKOQ7Q.js";
+import "../intent-C9ST8Lgy.js";
+import { Text2XS as u } from "./typography.js";
+import { isWidthBelow as d } from "../utils/breakpoints.js";
+import { useMatchMedia as f } from "../utils/match-media.js";
+import { useNavState as p } from "./use-nav-state.js";
+import { t as m } from "../app-switcher-CyBITTg3.js";
+import { t as h } from "../more-C48vCcIp.js";
+import { t as g } from "../app-logo-CswxzREO.js";
+import { Fragment as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/deprecated/nav/__styles__/index.ts
+var S = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavBg",
+	class: "el-deprecated-nav-bg",
+	propsAsIs: !1
+}), C = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavControlsBg",
+	class: "el-deprecated-nav-controls-bg",
+	propsAsIs: !1
+}), w = /* @__PURE__ */ r("nav")({
+	name: "ElDeprecatedNavContainer",
+	class: "el-deprecated-nav-container",
+	propsAsIs: !1
+}), T = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavSubContainer",
+	class: "el-deprecated-nav-sub-container",
+	propsAsIs: !1
+}), E = "el-deprecated-nav-item-secondary", D = /* @__PURE__ */ r("a")({
+	name: "ElDeprecatedNavItem",
+	class: "el-deprecated-nav-item",
+	propsAsIs: !1
+}), O = "el-deprecated-nav-item-active", k = "el-deprecated-nav-item-expanded", A = "el-deprecated-nav-item-icon", j = /* @__PURE__ */ r("a")({
+	name: "ElDeprecatedNavSubItem",
+	class: "el-deprecated-nav-sub-item",
+	propsAsIs: !1
+}), M = "el-deprecated-nav-sub-item-expanded", N = "el-deprecated-nav-sub-item-active", P = "el-deprecated-nav-item-hide-desktop", F = "el-deprecated-nav-is-hidden", I = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavMenu",
+	class: "el-deprecated-nav-menu",
+	propsAsIs: !1
+}), L = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavMenuOption",
+	class: "el-deprecated-nav-menu-option",
+	propsAsIs: !1
+}), R = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavMenuOptionDivider",
+	class: "el-deprecated-nav-menu-option-divider",
+	propsAsIs: !1
+}), z = /* @__PURE__ */ r("div")({
+	name: "ElDeprecatedNavResponsiveAvatarWrap",
+	class: "el-deprecated-nav-responsive-avatar-wrap",
+	propsAsIs: !1
+}), B = "el-app-switcher-open", V = /* @__PURE__ */ r("div")({
+	name: "ElNavResponsiveAppSwitcherWrap",
+	class: "el-nav-responsive-app-switcher-wrap",
+	propsAsIs: !1
+}), H = /* @__PURE__ */ r("div")({
+	name: "ElNavResponsiveAppSwitcherIconWrap",
+	class: "el-nav-responsive-app-switcher-icon-wrap",
+	propsAsIs: !1
+}), U = "el-new-top-bar-app-switcher", W = ({ isSecondary: e, children: t, className: n, ...r }) => /* @__PURE__ */ b(D, {
+	className: i(e && "el-deprecated-nav-item-secondary", n),
+	...r,
+	children: t
+}), G = ({ children: e, ...t }) => /* @__PURE__ */ b(w, {
+	...t,
+	children: e
+}), K = ({ children: e, ...t }) => /* @__PURE__ */ b(j, {
+	...t,
+	children: e
+}), q = ({ children: e, ...t }) => /* @__PURE__ */ b(T, {
+	...t,
+	children: e
+}), J = (e, t) => (n) => {
+	n?.preventDefault(), n?.stopPropagation(), e((e) => !e), t && t();
+}, Y = (e) => (t) => {
+	t?.preventDefault(), t?.stopPropagation(), e((e) => !e);
+}, X = ({ options: e, isHidden: n, text: r }) => {
+	let [l, u] = v(!1);
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(C, {
+		className: i(l && "el-is-active"),
+		onClick: Y(u),
+		onKeyDown: a("Enter", Y(u))
+	}), /* @__PURE__ */ x(z, {
+		onClick: J(u),
+		onKeyDown: a("Enter", J(u)),
+		className: i(n && "el-deprecated-nav-is-hidden"),
+		role: "button",
+		tabIndex: 0,
+		children: [/* @__PURE__ */ b(c, {
+			className: i(t),
+			type: "profile",
+			children: r
+		}), !!e.length && /* @__PURE__ */ x(y, { children: [b(l ? o : s, { color: "secondary" }), l && /* @__PURE__ */ b(I, { children: e.map(({ callback: t, text: n }, r) => /* @__PURE__ */ x(_, { children: [!!r && r === e.length - 1 && /* @__PURE__ */ b(R, {}), /* @__PURE__ */ b(L, {
+			onClick: J(u, t),
+			onKeyDown: a("Enter", J(u, t)),
+			role: "button",
+			tabIndex: 0,
+			children: n
+		})] }, r)) })] })]
+	})] });
+}, Z = ({ options: e, className: t }) => {
+	let [n, r] = v(!1), o = () => {
+		window.location.href.includes(".dev.") || window.location.href.includes("localhost") ? window.location.href = "https://marketplace.dev.paas.reapit.cloud/installed" : window.location.href = "https://marketplace.reapit.cloud/installed";
+	};
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(C, {
+		className: i(n && "el-is-active"),
+		onClick: Y(r),
+		onKeyDown: a("Enter", Y(r))
+	}), /* @__PURE__ */ x(V, {
+		onClick: J(r),
+		onKeyDown: a("Enter", J(r)),
+		role: "button",
+		tabIndex: 0,
+		className: t,
+		children: [/* @__PURE__ */ b(H, {
+			className: i(n && "el-app-switcher-open"),
+			children: /* @__PURE__ */ b(m, { color: "secondary" })
+		}), n && /* @__PURE__ */ x(I, { children: [
+			/* @__PURE__ */ b(L, { children: /* @__PURE__ */ b(u, {
+				hasUpperCasedText: !0,
+				hasDisabledText: !0,
+				hasBoldText: !0,
+				children: "Your Apps"
+			}) }),
+			e.map(({ callback: e, text: t, iconUrl: n }, i) => /* @__PURE__ */ x(L, {
+				onClick: J(r, e),
+				onKeyDown: a("Enter", J(r, e)),
+				role: "button",
+				tabIndex: 0,
+				children: [n && typeof n == "string" ? /* @__PURE__ */ b("img", {
+					src: n,
+					alt: `Product icon with url ${n}`
+				}) : n, t]
+			}, i)),
+			/* @__PURE__ */ b(R, {}),
+			/* @__PURE__ */ b(L, {
+				onClick: J(r, o),
+				onKeyDown: a("Enter", J(r, o)),
+				role: "button",
+				tabIndex: 0,
+				children: "My Installed Apps"
+			})
+		] })]
+	})] });
+}, Q = ({ options: t, className: r, defaultNavIndex: c, defaultNavSubIndex: u, appSwitcherOptions: m, avatarOptions: v, brandOptions: C, avatarText: w = "", ...T }) => {
+	let { navState: E, setNavState: D } = p(c, u), O = f(d("SM")), { navItemIndex: k, navSubItemIndex: A, navMenuOpen: j } = E;
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, {
+		className: i(O && j && "el-is-active"),
+		onClick: D({ navMenuOpen: !j }),
+		onKeyDown: a("Enter", D({ navMenuOpen: !j }))
+	}), /* @__PURE__ */ x(G, {
+		className: i(r),
+		...T,
+		children: [t.map(({ href: t, callback: r, text: c, subItems: u, itemIndex: d }, f) => {
+			let p = u && u.length > 0;
+			return f ? /* @__PURE__ */ x(_, { children: [/* @__PURE__ */ x(W, {
+				className: i(k === d && "el-deprecated-nav-item-active", j && "el-deprecated-nav-item-expanded"),
+				href: t,
+				role: "button",
+				tabIndex: 0,
+				onClick: D(p ? {
+					navItemIndex: d,
+					navSubItemIndex: k === d && A ? A : 0,
+					callback: r
+				} : {
+					navItemIndex: d,
+					callback: r,
+					navMenuOpen: !j
+				}),
+				onKeyDown: a("Enter", D(p ? {
+					navItemIndex: d,
+					navSubItemIndex: k === d && A ? A : 0,
+					callback: r
+				} : {
+					navItemIndex: d,
+					callback: r,
+					navMenuOpen: !j
+				})),
+				children: [c, p && O && b(j && k === d ? o : s, {
+					className: "el-ml-auto",
+					color: "secondary"
+				})]
+			}), p && /* @__PURE__ */ b(q, { children: u.map(({ callback: e, text: t, href: n, itemIndex: r }) => /* @__PURE__ */ b(K, {
+				className: i(A === r && "el-deprecated-nav-sub-item-active", j && k === d && "el-deprecated-nav-sub-item-expanded"),
+				href: n,
+				onClick: D({
+					navSubItemIndex: r,
+					callback: e,
+					navMenuOpen: !j
+				}),
+				onKeyDown: a("Enter", D({
+					navSubItemIndex: r,
+					callback: e,
+					navMenuOpen: !j
+				})),
+				children: /* @__PURE__ */ b("span", { children: t })
+			}, r)) }, l())] }, d) : /* @__PURE__ */ x(W, {
+				className: i(k === d && "el-deprecated-nav-item-active"),
+				href: t,
+				children: [
+					m && /* @__PURE__ */ b(Z, { options: m }),
+					C?.logoUrl ? /* @__PURE__ */ b("img", {
+						src: C.logoUrl,
+						alt: `Brand icon with url ${C.logoUrl}`,
+						style: { maxHeight: "1.5rem" },
+						onClick: C?.callback,
+						onKeyDown: a("Enter", C?.callback),
+						role: "button",
+						tabIndex: 0
+					}) : /* @__PURE__ */ b(g, { appName: "Reapit" }),
+					/* @__PURE__ */ b("span", {
+						className: i(e, n, P),
+						onClick: D({ navMenuOpen: !j }),
+						onKeyDown: a("Enter", D({ navMenuOpen: !j })),
+						role: "button",
+						tabIndex: 0,
+						children: /* @__PURE__ */ b(h, {})
+					}),
+					(v || w) && /* @__PURE__ */ b(X, {
+						isHidden: !O,
+						options: v ?? [],
+						text: w
+					})
+				]
+			}, d);
+		}), (v || w) && /* @__PURE__ */ b(X, {
+			isHidden: O,
+			options: v ?? [],
+			text: w
+		})]
+	})] });
 };
+//#endregion
+export { G as DeprecatedNav, W as DeprecatedNavItem, Q as DeprecatedNavResponsive, X as DeprecatedNavResponsiveAvatar, q as DeprecatedNavSubNav, K as DeprecatedNavSubNavItem, S as ElDeprecatedNavBg, w as ElDeprecatedNavContainer, C as ElDeprecatedNavControlsBg, D as ElDeprecatedNavItem, I as ElDeprecatedNavMenu, L as ElDeprecatedNavMenuOption, R as ElDeprecatedNavMenuOptionDivider, z as ElDeprecatedNavResponsiveAvatarWrap, T as ElDeprecatedNavSubContainer, j as ElDeprecatedNavSubItem, H as ElNavResponsiveAppSwitcherIconWrap, V as ElNavResponsiveAppSwitcherWrap, Z as NavResponsiveAppSwitcher, Y as clickNavEventHandler, B as elAppSwitcherOpen, F as elDeprecatedNavIsHidden, O as elDeprecatedNavItemActive, k as elDeprecatedNavItemExpanded, P as elDeprecatedNavItemHideDesktop, A as elDeprecatedNavItemIcon, E as elDeprecatedNavItemSecondary, N as elDeprecatedNavSubItemActive, M as elDeprecatedNavSubItemExpanded, U as elNewTopBarAppSwitcher, J as handleToggleMenu };