@owp/core 2.5.50 → 2.5.52

package/dist/layout/Layout.js

@@ -1,53 +1,126 @@
-var u = Object.defineProperty;
-var r = (i, a) => u(i, "name", { value: a, configurable: !0 });
-import { jsx as t, jsxs as e } from "../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useNavigationActiveRouteRemountKey as p } from "../hooks/internal/useNavigationActiveRouteRemount.js";
-import { useGetCurrentLayoutConfig as d } from "../hooks/useOwpSettings.js";
-import { LinearProgress as x } from "@mui/material";
-import { styled as h } from "@mui/material/styles";
-import { useIsFetching as y, useIsMutating as g } from "@tanstack/react-query";
-import { memo as v } from "react";
-import { Outlet as b } from "react-router-dom";
-import L from "./components/layouts/FooterLayout.js";
-import n from "./components/layouts/NavbarWrapperLayout.js";
-import w from "./components/toolbar/ToolbarLayout.js";
-import { OwpSuspense as N } from "../components/OwpSuspense/OwpSuspense.js";
-const R = h("div")(({ config: i }) => ({
-  ...i.mode === "boxed" && {
+var I = Object.defineProperty;
+var p = (t, e) => I(t, "name", { value: e, configurable: !0 });
+import { jsx as o, jsxs as u } from "../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpAppContext as C } from "../contexts/OwpAppContext.js";
+import { useNavigationActiveRouteRemountKey as k } from "../hooks/internal/useNavigationActiveRouteRemount.js";
+import { useNavigationOptimisticActivePath as E, useRouteTransitionLoadingState as F, useRouteSkeletonRenderedPathnames as W, useRouteTransitionLoadingActions as z } from "../hooks/internal/useRouteTransitionLoading.js";
+import { useGetCurrentLayoutConfig as M } from "../hooks/useOwpSettings.js";
+import { LinearProgress as _ } from "@mui/material";
+import { styled as f } from "@mui/material/styles";
+import { useIsFetching as j, useIsMutating as K } from "@tanstack/react-query";
+import { memo as B, useRef as D, useEffect as L } from "react";
+import { useLocation as G, createPath as H, Outlet as U } from "react-router-dom";
+import V from "./components/layouts/FooterLayout.js";
+import w from "./components/layouts/NavbarWrapperLayout.js";
+import Q from "./components/toolbar/ToolbarLayout.js";
+import { OwpSuspense as $ } from "../components/OwpSuspense/OwpSuspense.js";
+import { OwpLoading as q } from "../components/OwpLoading/OwpLoading.js";
+const J = 3e3, X = f("div")(({ config: t }) => ({
+  ...t.mode === "boxed" && {
     clipPath: "inset(0)",
-    maxWidth: i.containerWidth,
+    maxWidth: t.containerWidth,
     marginLeft: "auto",
     marginRight: "auto",
     boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
   },
-  ...i.mode === "container" && {
+  ...t.mode === "container" && {
     "& .container": {
-      maxWidth: i.containerWidth,
+      maxWidth: t.containerWidth,
       width: "100%",
       marginLeft: "auto",
       marginRight: "auto"
     }
   }
+})), Y = f("div")(({ theme: t }) => ({
+  position: "absolute",
+  inset: 0,
+  zIndex: 20,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: 0,
+  flexDirection: "column",
+  padding: t.spacing(3),
+  pointerEvents: "auto"
+})), Z = f("div", {
+  shouldForwardProp: /* @__PURE__ */ p((t) => t !== "dimmed", "shouldForwardProp")
+})(({ dimmed: t, theme: e }) => ({
+  display: "flex",
+  minHeight: 0,
+  flex: "1 1 auto",
+  flexDirection: "column",
+  opacity: t ? e.palette.action.disabledOpacity : 1,
+  pointerEvents: t ? "none" : "auto",
+  transition: e.transitions.create("opacity", {
+    duration: e.transitions.duration.shortest
+  }),
+  ...t && {
+    "& .owp-loading": {
+      visibility: "hidden"
+    },
+    "& .owp-loading *": {
+      animation: "none !important",
+      transition: "none !important"
+    }
+  }
 }));
-function W(i) {
-  const { children: a, layoutConfig: l } = i, s = d(), m = p(), o = l ?? s, c = y(), f = g();
-  return /* @__PURE__ */ t(R, { id: "owp-layout", config: o, className: "flex w-full", children: /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-auto", children: [
-    o.navbar.display && o.navbar.position === "left" && /* @__PURE__ */ t(n, {}),
-    /* @__PURE__ */ e("main", { id: "owp-main", className: "relative z-10 flex min-h-full min-w-0 flex-auto flex-col", children: [
-      o.toolbar.display && /* @__PURE__ */ t(w, { className: o.toolbar.style === "fixed" ? "sticky top-0" : "" }),
-      !!(c || f) && /* @__PURE__ */ t("div", { className: "fixed top-0 left-0 z-30 w-full", children: /* @__PURE__ */ t(x, { color: "secondary" }) }),
-      /* @__PURE__ */ e("div", { className: "relative z-10 flex min-h-0 flex-auto flex-col", children: [
-        /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(b, {}, m) }),
-        a
+function tt(t) {
+  var l, y;
+  const { children: e, layoutConfig: b } = t, { slotProps: d } = C(), R = M(), T = k(), g = G(), s = H(g), h = D(s), v = E(), n = F(), N = W(), {
+    clearNavigationOptimisticActivePath: c,
+    stopRouteTransitionLoading: a
+  } = z(), i = b ?? R, O = j(), P = K(), x = n.pathname ?? g.pathname, S = (y = (l = d == null ? void 0 : d.routeLoading) == null ? void 0 : l.getSkeletonSpec) == null ? void 0 : y.call(l, x), r = n.isLoading && (!S || N.has(x)), A = !!(O || P) && !r;
+  return L(() => {
+    if (h.current === s || (h.current = s, c(), !n.isLoading))
+      return;
+    if (!r) {
+      a();
+      return;
+    }
+    const m = window.setTimeout(a, 150);
+    return () => {
+      window.clearTimeout(m);
+    };
+  }, [
+    c,
+    s,
+    r,
+    n.isLoading,
+    a
+  ]), L(() => {
+    if (!n.isLoading && !v)
+      return;
+    const m = window.setTimeout(() => {
+      a(), c();
+    }, J);
+    return () => {
+      window.clearTimeout(m);
+    };
+  }, [
+    c,
+    v,
+    n.isLoading,
+    a
+  ]), /* @__PURE__ */ o(X, { id: "owp-layout", config: i, className: "flex w-full", children: /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-auto", children: [
+    i.navbar.display && i.navbar.position === "left" && /* @__PURE__ */ o(w, {}),
+    /* @__PURE__ */ u("main", { id: "owp-main", className: "relative z-10 flex min-h-full min-w-0 flex-auto flex-col", children: [
+      i.toolbar.display && /* @__PURE__ */ o(Q, { className: i.toolbar.style === "fixed" ? "sticky top-0" : "" }),
+      A && /* @__PURE__ */ o("div", { className: "fixed top-0 left-0 z-30 w-full", children: /* @__PURE__ */ o(_, { color: "secondary" }) }),
+      /* @__PURE__ */ u("div", { className: "relative z-10 flex min-h-0 flex-auto flex-col", children: [
+        /* @__PURE__ */ u(Z, { dimmed: r, children: [
+          /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(U, {}, T) }),
+          e
+        ] }),
+        r && /* @__PURE__ */ o(Y, { "aria-live": "polite", "aria-busy": "true", children: /* @__PURE__ */ o(q, {}) })
       ] }),
-      o.footer.display && /* @__PURE__ */ t(L, { className: o.footer.style === "fixed" ? "sticky bottom-0" : "" })
+      i.footer.display && /* @__PURE__ */ o(V, { className: i.footer.style === "fixed" ? "sticky bottom-0" : "" })
     ] }),
-    o.navbar.display && o.navbar.position === "right" && /* @__PURE__ */ t(n, {})
+    i.navbar.display && i.navbar.position === "right" && /* @__PURE__ */ o(w, {})
   ] }) });
 }
-r(W, "Layout");
-const G = v(W);
+p(tt, "Layout");
+const vt = B(tt);
 export {
-  G as default
+  vt as default
 };
 //# sourceMappingURL=Layout.js.map

package/dist/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":null,"names":["Root","styled","config","Layout","props","children","layoutConfig","currentLayoutConfig","useGetCurrentLayoutConfig","navigationActiveRouteRemountKey","useNavigationActiveRouteRemountKey","isFetching","useIsFetching","isMutating","useIsMutating","jsx","jsxs","NavbarWrapperLayout","ToolbarLayout","LinearProgress","OwpSuspense","Outlet","FooterLayout","__name","Layout$1","memo"],"mappings":";;;;;;;;;;;;;;AAaA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,QAAAC,SAAoD;AAAA,EAChF,GAAIA,EAAO,SAAS,WAAW;AAAA,IAC7B,UAAU;AAAA,IACV,UAAUA,EAAO;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAAA,EAEb,GAAIA,EAAO,SAAS,eAAe;AAAA,IACjC,gBAAgB;AAAA,MACd,UAAUA,EAAO;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,EAAE;AAUF,SAASC,EAAOC,GAAoB;AAClC,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBF,GAC7BG,IAAsBC,EAAA,GACtBC,IAAkCC,EAAA,GAClCR,IAASI,KAAgBC,GACzBI,IAAaC,EAAA,GACbC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACf,GAAA,EAAK,IAAG,cAAa,QAAAE,GAAgB,WAAU,eAC9C,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,IAAAd,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,4BAAWe,GAAA,EAAoB;AAAA,IAEpF,gBAAAD,EAAC,QAAA,EAAK,IAAG,YAAW,WAAU,4DAC3B,UAAA;AAAA,MAAAd,EAAO,QAAQ,WACd,gBAAAa,EAACG,GAAA,EAAc,WAAWhB,EAAO,QAAQ,UAAU,UAAU,iBAAiB,GAAA,CAAI;AAAA,MAEnF,GAAQS,KAAcE,MACrB,gBAAAE,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA,EAACI,GAAA,EAAe,OAAM,YAAA,CAAY,GACpC;AAAA,MAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,QAAA,gBAAAD,EAACK,GAAA,EACC,UAAA,gBAAAL,EAACM,GAAA,CAAA,GAAYZ,CAAiC,GAChD;AAAA,QACCJ;AAAA,MAAA,GACH;AAAA,MAECH,EAAO,OAAO,WACb,gBAAAa,EAACO,GAAA,EAAa,WAAWpB,EAAO,OAAO,UAAU,UAAU,oBAAoB,GAAA,CAAI;AAAA,IAAA,GAEvF;AAAA,IAECA,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,6BAAYe,GAAA,CAAA,CAAoB;AAAA,EAAA,EAAA,CACvF,EAAA,CACF;AAEJ;AAvCSM,EAAApB,GAAA;AAyCT,MAAAqB,IAAeC,EAAKtB,CAAM;"}
+{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":null,"names":["ROUTE_TRANSITION_FALLBACK_TIMEOUT_MS","Root","styled","config","RouteTransitionLoadingOverlay","theme","RouteTransitionContent","__name","prop","dimmed","Layout","props","children","layoutConfig","slotProps","useOwpAppContext","currentLayoutConfig","useGetCurrentLayoutConfig","navigationActiveRouteRemountKey","useNavigationActiveRouteRemountKey","location","useLocation","currentLocationPath","createPath","previousLocationPathRef","useRef","navigationOptimisticActivePath","useNavigationOptimisticActivePath","routeTransitionLoading","useRouteTransitionLoadingState","routeSkeletonRenderedPathnames","useRouteSkeletonRenderedPathnames","clearNavigationOptimisticActivePath","stopRouteTransitionLoading","useRouteTransitionLoadingActions","isFetching","useIsFetching","isMutating","useIsMutating","routeTransitionTargetPathname","routeTransitionSkeletonSpec","_b","_a","isRouteTransitionOverlayVisible","isGlobalQueryProgressVisible","useEffect","timeoutId","jsx","jsxs","NavbarWrapperLayout","ToolbarLayout","LinearProgress","OwpSuspense","Outlet","OwpLoading","FooterLayout","Layout$1","memo"],"mappings":"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"}

package/dist/layout/components/navigation/NavBadge.js

@@ -1,10 +1,10 @@
-var i = Object.defineProperty;
-var a = (e, t) => i(e, "name", { value: t, configurable: !0 });
-import { jsx as n } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { styled as s } from "@mui/material/styles";
-import { clsx as l } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+var s = Object.defineProperty;
+var a = (e, t) => s(e, "name", { value: t, configurable: !0 });
+import { jsx as i } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { styled as l } from "@mui/material/styles";
+import { clsx as n } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { memo as d } from "react";
-const c = s("div")(({ theme: e }) => ({
+const c = l("div")(({ theme: e }) => ({
   padding: "0 7px",
   fontSize: 11,
   fontWeight: 600,
@@ -18,10 +18,10 @@ const c = s("div")(({ theme: e }) => ({
 }));
 function m(e) {
   const { className: t = "", classes: r = "", badge: o } = e;
-  return o.title ? /* @__PURE__ */ n(
+  return o.title ? /* @__PURE__ */ i(
     c,
     {
-      className: l("item-badge", t, r),
+      className: n("item-badge", t, r, o.classes),
       style: {
         backgroundColor: o.bg,
         color: o.fg

package/dist/layout/components/navigation/NavBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBadge.js","sources":["../../../../src/layout/components/navigation/NavBadge.tsx"],"sourcesContent":null,"names":["Root","styled","theme","NavBadge","props","className","classes","badge","jsx","clsx","__name","MemoizedNavBadge","memo"],"mappings":";;;;;;AAKA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,iBAAiBA,EAAM,QAAQ,UAAU;AAAA,EACzC,OAAOA,EAAM,QAAQ,UAAU;AACjC,EAAE;AAaF,SAASC,EAASC,GAAsB;AACtC,QAAM,EAAE,WAAAC,IAAY,IAAI,SAAAC,IAAU,IAAI,OAAAC,MAAUH;AAEhD,SAAKG,EAAM,QAKT,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,WAAWS,EAAK,cAAcJ,GAAWC,CAAO;AAAA,MAChD,OAAO;AAAA,QACL,iBAAiBC,EAAM;AAAA,QACvB,OAAOA,EAAM;AAAA,MAAA;AAAA,MAGd,UAAAA,EAAM;AAAA,IAAA;AAAA,EAAA,IAXF;AAcX;AAlBSG,EAAAP,GAAA;AAuBT,MAAMQ,IAAmBC,EAAKT,CAAQ;"}
+{"version":3,"file":"NavBadge.js","sources":["../../../../src/layout/components/navigation/NavBadge.tsx"],"sourcesContent":null,"names":["Root","styled","theme","NavBadge","props","className","classes","badge","jsx","clsx","__name","MemoizedNavBadge","memo"],"mappings":";;;;;;AAKA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,iBAAiBA,EAAM,QAAQ,UAAU;AAAA,EACzC,OAAOA,EAAM,QAAQ,UAAU;AACjC,EAAE;AAaF,SAASC,EAASC,GAAsB;AACtC,QAAM,EAAE,WAAAC,IAAY,IAAI,SAAAC,IAAU,IAAI,OAAAC,MAAUH;AAEhD,SAAKG,EAAM,QAKT,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,WAAWS,EAAK,cAAcJ,GAAWC,GAASC,EAAM,OAAO;AAAA,MAC/D,OAAO;AAAA,QACL,iBAAiBA,EAAM;AAAA,QACvB,OAAOA,EAAM;AAAA,MAAA;AAAA,MAGd,UAAAA,EAAM;AAAA,IAAA;AAAA,EAAA,IAXF;AAcX;AAlBSG,EAAAP,GAAA;AAuBT,MAAMQ,IAAmBC,EAAKT,CAAQ;"}

package/dist/layout/components/navigation/NavItem.js

@@ -1,31 +1,35 @@
 var a = Object.defineProperty;
-var i = (r, t) => a(r, "name", { value: t, configurable: !0 });
-import { jsx as e } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+var i = (e, r) => a(e, "name", { value: r, configurable: !0 });
+import { jsx as t } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import c from "@mui/material/Divider";
+import { resolveNavigationItemType as m } from "../../../utils/internal/navigationUtils.js";
 import { NavVerticalCollapse as l } from "./vertical/types/NavVerticalCollapse.js";
-import { NavVerticalGroup as m } from "./vertical/types/NavVerticalGroup.js";
-import { NavVerticalItem as o } from "./vertical/types/NavVerticalItem.js";
-import { NavVerticalLink as v } from "./vertical/types/NavVerticalLink.js";
-function V(r) {
-  const { type: t } = r;
-  switch (t) {
+import { NavVerticalGroup as o } from "./vertical/types/NavVerticalGroup.js";
+import { NavVerticalItem as v } from "./vertical/types/NavVerticalItem.js";
+import { NavVerticalLink as n } from "./vertical/types/NavVerticalLink.js";
+const s = /* @__PURE__ */ i((e) => {
+  const r = m(e);
+  return r === "divider" || r === "vertical-divider" ? r : `vertical-${r}`;
+}, "getNavItemRendererType");
+function g(e) {
+  switch (s(e.item)) {
     case "vertical-group":
-      return /* @__PURE__ */ e(m, { ...r });
+      return /* @__PURE__ */ t(o, { ...e });
     case "vertical-collapse":
-      return /* @__PURE__ */ e(l, { ...r });
+      return /* @__PURE__ */ t(l, { ...e });
     case "vertical-item":
-      return /* @__PURE__ */ e(o, { ...r });
+      return /* @__PURE__ */ t(v, { ...e });
     case "vertical-link":
-      return /* @__PURE__ */ e(v, { ...r });
+      return /* @__PURE__ */ t(n, { ...e });
     case "divider":
     case "vertical-divider":
-      return /* @__PURE__ */ e(c, { className: "my-16" });
+      return /* @__PURE__ */ t(c, { className: "my-16" });
     default:
       return null;
   }
 }
-i(V, "NavItem");
+i(g, "NavItem");
 export {
-  V as NavItem
+  g as NavItem
 };
 //# sourceMappingURL=NavItem.js.map

package/dist/layout/components/navigation/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","sources":["../../../../src/layout/components/navigation/NavItem.tsx"],"sourcesContent":null,"names":["NavItem","props","type","jsx","NavVerticalGroup","NavVerticalCollapse","NavVerticalItem","NavVerticalLink","Divider","__name"],"mappings":";;;;;;;;AA0BA,SAASA,EAAQC,GAA8B;AAC7C,QAAM,EAAE,MAAAC,MAASD;AAEjB,UAAQC,GAAA;AAAA,IACN,KAAK;AACH,aAAO,gBAAAC,EAACC,GAAA,EAAkB,GAAGH,EAAA,CAAO;AAAA,IACtC,KAAK;AACH,aAAO,gBAAAE,EAACE,GAAA,EAAqB,GAAGJ,EAAA,CAAO;AAAA,IACzC,KAAK;AACH,aAAO,gBAAAE,EAACG,GAAA,EAAiB,GAAGL,EAAA,CAAO;AAAA,IACrC,KAAK;AACH,aAAO,gBAAAE,EAACI,GAAA,EAAiB,GAAGN,EAAA,CAAO;AAAA,IACrC,KAAK;AAAA,IACL,KAAK;AACH,aAAO,gBAAAE,EAACK,GAAA,EAAQ,WAAU,QAAA,CAAQ;AAAA,IACpC;AACE,aAAO;AAAA,EAAA;AAEb;AAlBSC,EAAAT,GAAA;"}
+{"version":3,"file":"NavItem.js","sources":["../../../../src/layout/components/navigation/NavItem.tsx"],"sourcesContent":null,"names":["getNavItemRendererType","__name","item","itemType","resolveNavigationItemType","NavItem","props","jsx","NavVerticalGroup","NavVerticalCollapse","NavVerticalItem","NavVerticalLink","Divider"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAAyB,gBAAAC,EAAA,CAACC,MAAsB;AACpD,QAAMC,IAAWC,EAA0BF,CAAI;AAE/C,SAAOC,MAAa,aAAaA,MAAa,qBAC1CA,IACA,YAAYA,CAAQ;AAC1B,GAN+B;AAS/B,SAASE,EAAQC,GAA8B;AAG7C,UAFaN,EAAuBM,EAAM,IAAI,GAEtC;AAAA,IACN,KAAK;AACH,aAAO,gBAAAC,EAACC,GAAA,EAAkB,GAAGF,EAAA,CAAO;AAAA,IACtC,KAAK;AACH,aAAO,gBAAAC,EAACE,GAAA,EAAqB,GAAGH,EAAA,CAAO;AAAA,IACzC,KAAK;AACH,aAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,EAAA,CAAO;AAAA,IACrC,KAAK;AACH,aAAO,gBAAAC,EAACI,GAAA,EAAiB,GAAGL,EAAA,CAAO;AAAA,IACrC,KAAK;AAAA,IACL,KAAK;AACH,aAAO,gBAAAC,EAACK,GAAA,EAAQ,WAAU,QAAA,CAAQ;AAAA,IACpC;AACE,aAAO;AAAA,EAAA;AAEb;AAlBSX,EAAAI,GAAA;"}

package/dist/layout/components/navigation/Navigation.js

@@ -1,31 +1,34 @@
-var f = Object.defineProperty;
-var a = (o, i) => f(o, "name", { value: i, configurable: !0 });
-import { jsx as u } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+var u = Object.defineProperty;
+var m = (i, o) => u(i, "name", { value: o, configurable: !0 });
+import { jsx as v } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import { useGetNavigationList as p } from "../../../hooks/useNavigation.js";
-import { useNavbarActions as v } from "../../../hooks/internal/useNavbar.js";
-import { useThemeMediaQuery as g } from "../../../hooks/internal/useThemeMediaQuery.js";
-import { clsx as N } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useCallback as d } from "react";
-import { NavigationMenu as M } from "./NavigationMenu.js";
-function w(o) {
-  const { className: i = "", layout: s = "vertical", dense: n, active: r } = o, m = p(), e = g((l) => l.breakpoints.down("lg")), { closeMobile: t } = v(), c = d(() => {
-    e && t();
-  }, [t, e]);
-  return /* @__PURE__ */ u(
-    M,
+import { useNavbarActions as g } from "../../../hooks/internal/useNavbar.js";
+import { useThemeMediaQuery as N } from "../../../hooks/internal/useThemeMediaQuery.js";
+import { clsx as d } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useCallback as M } from "react";
+import { NavigationMenu as b } from "./NavigationMenu.js";
+function A(i) {
+  const { className: o = "", layout: n = "vertical", dense: r, active: l } = i, c = p(), e = N((t) => t.breakpoints.down("lg")), { closeMobile: s } = g(), f = M(
+    (t, a) => {
+      e && (a == null ? void 0 : a.shouldCloseNavigation) !== !1 && s();
+    },
+    [s, e]
+  );
+  return /* @__PURE__ */ v(
+    b,
     {
-      className: N("navigation flex-1", i),
-      navigation: m,
-      layout: s,
-      dense: n,
-      active: r,
-      onItemClick: c,
+      className: d("navigation flex-1", o),
+      navigation: c,
+      layout: n,
+      dense: r,
+      active: l,
+      onItemClick: f,
       checkPermission: !1
     }
   );
 }
-a(w, "Navigation");
+m(A, "Navigation");
 export {
-  w as default
+  A as default
 };
 //# sourceMappingURL=Navigation.js.map

package/dist/layout/components/navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":null,"names":["Navigation","props","className","layout","dense","active","navigation","useGetNavigationList","isMobile","useThemeMediaQuery","theme","closeMobile","useNavbarActions","handleItemClick","useCallback","jsx","NavigationMenu","clsx","__name"],"mappings":";;;;;;;;;AAaA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,YAAY,OAAAC,GAAO,QAAAC,MAAWJ,GAEzDK,IAAaC,EAAA,GAEbC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErE,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAkBC,EAAY,MAAM;AACxC,IAAIN,KACFG,EAAA;AAAA,EAEJ,GAAG,CAACA,GAAaH,CAAQ,CAAC;AAE1B,SACE,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,qBAAqBf,CAAS;AAAA,MAC9C,YAAAI;AAAA,MACA,QAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAaQ;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;AA1BSK,EAAAlB,GAAA;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":null,"names":["Navigation","props","className","layout","dense","active","navigation","useGetNavigationList","isMobile","useThemeMediaQuery","theme","closeMobile","useNavbarActions","handleItemClick","useCallback","_item","context","jsx","NavigationMenu","clsx","__name"],"mappings":";;;;;;;;;AAiBA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,YAAY,OAAAC,GAAO,QAAAC,MAAWJ,GAEzDK,IAAaC,EAAA,GAEbC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErE,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAkBC;AAAA,IACtB,CAACC,GAAOC,MAAyC;AAC/C,MAAIR,MAAYQ,KAAA,gBAAAA,EAAS,2BAA0B,MACjDL,EAAA;AAAA,IAEJ;AAAA,IACA,CAACA,GAAaH,CAAQ;AAAA,EAAA;AAGxB,SACE,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,qBAAqBjB,CAAS;AAAA,MAC9C,YAAAI;AAAA,MACA,QAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAaQ;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;AA7BSO,EAAApB,GAAA;"}

package/dist/layout/components/navigation/NavigationMenu.js

@@ -1,10 +1,11 @@
 var m = Object.defineProperty;
-var o = (i, e) => m(i, "name", { value: e, configurable: !0 });
+var o = (n, e) => m(n, "name", { value: e, configurable: !0 });
 import { jsxs as h, jsx as c, Fragment as u } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import f from "@mui/material/GlobalStyles";
-import { memo as g, useMemo as x } from "react";
-import { useLocation as v } from "react-router-dom";
-import { NavVerticalLayout as M } from "./vertical/NavVerticalLayout.js";
+import { memo as g, useMemo as v } from "react";
+import { isNavigationPathMatch as x, resolveNavigationItemType as M } from "../../../utils/internal/navigationUtils.js";
+import { useLocation as I } from "react-router-dom";
+import { NavVerticalLayout as C } from "./vertical/NavVerticalLayout.js";
 const w = /* @__PURE__ */ c(
   f,
   {
@@ -30,33 +31,39 @@ const w = /* @__PURE__ */ c(
       }
     }), "styles")
   }
-), y = /* @__PURE__ */ o((i, e) => {
-  const s = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ o((a) => {
+), y = /* @__PURE__ */ o((n, e) => {
+  const i = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ o((a) => {
     let l = !1;
     for (const t of a) {
-      const p = !!(t.url && (t.url === e || e.includes(t.url))), d = t.children ? n(t.children) : !1, r = p || d;
-      r && t.type === "collapse" && s.add(t.id), r && (l = !0);
+      const p = x(e, t.url, {
+        end: t.end ?? t.exact
+      }), d = t.children ? s(t.children) : !1, r = p || d;
+      r && M(t) === "collapse" && i.add(t.id), r && (l = !0);
     }
     return l;
   }, "visitItems");
-  return n(i), s;
+  return s(n), i;
 }, "createOpenedCollapseIds");
-function I(i) {
-  const { navigation: e, layout: s = "vertical" } = i, { pathname: n } = v(), a = x(() => !e || e.length === 0 ? /* @__PURE__ */ new Set() : y(e, n), [e, n]);
+function N(n) {
+  const {
+    navigation: e,
+    layout: i = "vertical",
+    openedCollapseIds: s
+  } = n, { pathname: a } = I(), l = v(() => !e || e.length === 0 ? /* @__PURE__ */ new Set() : y(e, a), [e, a]), t = s ?? l;
   return !e || e.length === 0 ? null : /* @__PURE__ */ h(u, { children: [
     w,
-    s === "vertical" && /* @__PURE__ */ c(
-      M,
+    i === "vertical" && /* @__PURE__ */ c(
+      C,
       {
-        checkPermission: !1,
-        ...i,
-        openedCollapseIds: a
+        ...n,
+        checkPermission: n.checkPermission ?? !1,
+        openedCollapseIds: t
       }
     )
   ] });
 }
-o(I, "NavigationMenu");
-const H = g(I);
+o(N, "NavigationMenu");
+const H = g(N);
 export {
   H as NavigationMenu
 };

package/dist/layout/components/navigation/NavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","sources":["../../../../src/layout/components/navigation/NavigationMenu.tsx"],"sourcesContent":null,"names":["inputGlobalStyles","jsx","GlobalStyles","__name","createOpenedCollapseIds","navigation","pathname","openedCollapseIds","visitItems","items","hasMatchedDescendant","item","hasSelfMatch","hasChildMatch","hasMatchedItem","NavigationMenu","props","layout","useLocation","useMemo","jsxs","Fragment","NavVerticalLayout","MemoizedNavigationMenu","memo"],"mappings":";;;;;;;AAMA,MAAMA,IACJ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ,gBAAAC,EAAA,OAAO;AAAA,MACb,2BAA2B;AAAA,QACzB,oBAAoB;AAAA,UAClB,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,yBAAyB;AAAA,YACvB,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,WAAW;AAAA,UACT,oBAAoB;AAAA,YAClB,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,yBAAyB;AAAA,cACvB,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF,IAnBM;AAAA,EAoBR;AACF,GAgCIC,IAA0B,gBAAAD,EAAA,CAACE,GAA2BC,MAAqB;AAC/E,QAAMC,wBAAwB,IAAA,GAExBC,IAAa,gBAAAL,EAAA,CAACM,MAAkC;AACpD,QAAIC,IAAuB;AAE3B,eAAWC,KAAQF,GAAO;AACxB,YAAMG,IAAe,GAAQD,EAAK,QAAQA,EAAK,QAAQL,KAAYA,EAAS,SAASK,EAAK,GAAG,KACvFE,IAAgBF,EAAK,WAAWH,EAAWG,EAAK,QAAQ,IAAI,IAC5DG,IAAiBF,KAAgBC;AAEvC,MAAIC,KAAkBH,EAAK,SAAS,cAClCJ,EAAkB,IAAII,EAAK,EAAE,GAG3BG,MACFJ,IAAuB;AAAA,IAE3B;AAEA,WAAOA;AAAA,EACT,GAlBmB;AAoBnB,SAAAF,EAAWH,CAAU,GAEdE;AACT,GA1BgC;AA6BhC,SAASQ,EAAeC,GAA4B;AAClD,QAAM,EAAE,YAAAX,GAAY,QAAAY,IAAS,WAAA,IAAeD,GACtC,EAAE,UAAAV,EAAA,IAAaY,EAAA,GAEfX,IAAoBY,EAAQ,MAC5B,CAACd,KAAcA,EAAW,WAAW,wBAC5B,IAAA,IAGND,EAAwBC,GAAYC,CAAQ,GAClD,CAACD,GAAYC,CAAQ,CAAC;AAEzB,SAAI,CAACD,KAAcA,EAAW,WAAW,IAChC,OAIP,gBAAAe,EAAAC,GAAA,EACG,UAAA;AAAA,IAAArB;AAAA,IACAiB,MAAW,cACV,gBAAAhB;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QAChB,GAAGN;AAAA,QACJ,mBAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AA5BSJ,EAAAY,GAAA;AA+BT,MAAMQ,IAAyBC,EAAKT,CAAc;"}
+{"version":3,"file":"NavigationMenu.js","sources":["../../../../src/layout/components/navigation/NavigationMenu.tsx"],"sourcesContent":null,"names":["inputGlobalStyles","jsx","GlobalStyles","__name","createOpenedCollapseIds","navigation","pathname","openedCollapseIds","visitItems","items","hasMatchedDescendant","item","hasSelfMatch","isNavigationPathMatch","hasChildMatch","hasMatchedItem","resolveNavigationItemType","NavigationMenu","props","layout","controlledOpenedCollapseIds","useLocation","routeOpenedCollapseIds","useMemo","jsxs","Fragment","NavVerticalLayout","MemoizedNavigationMenu","memo"],"mappings":";;;;;;;;AAUA,MAAMA,IACJ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ,gBAAAC,EAAA,OAAO;AAAA,MACb,2BAA2B;AAAA,QACzB,oBAAoB;AAAA,UAClB,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,yBAAyB;AAAA,YACvB,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,WAAW;AAAA,UACT,oBAAoB;AAAA,YAClB,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,yBAAyB;AAAA,cACvB,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF,IAnBM;AAAA,EAoBR;AACF,GAiCIC,IAA0B,gBAAAD,EAAA,CAACE,GAA2BC,MAAqB;AAC/E,QAAMC,wBAAwB,IAAA,GAExBC,IAAa,gBAAAL,EAAA,CAACM,MAAkC;AACpD,QAAIC,IAAuB;AAE3B,eAAWC,KAAQF,GAAO;AACxB,YAAMG,IAAeC,EAAsBP,GAAUK,EAAK,KAAK;AAAA,QAC7D,KAAKA,EAAK,OAAOA,EAAK;AAAA,MAAA,CACvB,GACKG,IAAgBH,EAAK,WAAWH,EAAWG,EAAK,QAAQ,IAAI,IAC5DI,IAAiBH,KAAgBE;AAEvC,MAAIC,KAAkBC,EAA0BL,CAAI,MAAM,cACxDJ,EAAkB,IAAII,EAAK,EAAE,GAG3BI,MACFL,IAAuB;AAAA,IAE3B;AAEA,WAAOA;AAAA,EACT,GApBmB;AAsBnB,SAAAF,EAAWH,CAAU,GAEdE;AACT,GA5BgC;AA+BhC,SAASU,EAAeC,GAA4B;AAClD,QAAM;AAAA,IACJ,YAAAb;AAAA,IACA,QAAAc,IAAS;AAAA,IACT,mBAAmBC;AAAA,EAAA,IACjBF,GACE,EAAE,UAAAZ,EAAA,IAAae,EAAA,GAEfC,IAAyBC,EAAQ,MACjC,CAAClB,KAAcA,EAAW,WAAW,wBAC5B,IAAA,IAGND,EAAwBC,GAAYC,CAAQ,GAClD,CAACD,GAAYC,CAAQ,CAAC,GACnBC,IAAoBa,KAA+BE;AAEzD,SAAI,CAACjB,KAAcA,EAAW,WAAW,IAChC,OAIP,gBAAAmB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAzB;AAAA,IACAmB,MAAW,cACV,gBAAAlB;AAAA,MAACyB;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,iBAAiBA,EAAM,mBAAmB;AAAA,QAC1C,mBAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAjCSJ,EAAAc,GAAA;AAoCT,MAAMU,IAAyBC,EAAKX,CAAc;"}

package/dist/layout/components/navigation/vertical/NavVerticalLayout.js

@@ -1,12 +1,12 @@
-var u = Object.defineProperty;
-var a = (e, t) => u(e, "name", { value: t, configurable: !0 });
-import { jsx as d } from "../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import h from "@mui/material/List";
-import { styled as w } from "@mui/material/styles";
-import { clsx as f } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useRef as v, useEffect as b } from "react";
-import { NavItem as y } from "../NavItem.js";
-const S = w(h)(({ theme: e }) => ({
+var C = Object.defineProperty;
+var r = (e, t) => C(e, "name", { value: t, configurable: !0 });
+import { jsx as S } from "../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import T from "@mui/material/List";
+import { styled as k } from "@mui/material/styles";
+import { clsx as x } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useRef as H, useEffect as L } from "react";
+import { NavItem as E } from "../NavItem.js";
+const R = k(T)(({ theme: e }) => ({
   "& .owp-list-item": {
     "&:hover": {
       backgroundColor: "rgba(0,0,0,.04)",
@@ -40,7 +40,7 @@ const S = w(h)(({ theme: e }) => ({
       height: 32
     }
   }
-})), x = '.owp-list-item[aria-current="page"], .owp-list-item.active', g = 40, C = 0.35, I = /* @__PURE__ */ a((e) => {
+})), N = '.owp-list-item[aria-current="page"], .owp-list-item.active', b = 40, A = 0.35, V = 650, B = /* @__PURE__ */ r((e) => {
   const t = e.parentElement;
   if (t && t.scrollHeight > t.clientHeight)
     return t;
@@ -51,62 +51,87 @@ const S = w(h)(({ theme: e }) => ({
     o = o.parentElement;
   }
   return null;
-}, "getNavigationScrollContainer"), k = /* @__PURE__ */ a((e) => {
-  const t = e.querySelectorAll(x), o = t.item(t.length - 1);
-  if (!o)
+}, "getNavigationScrollContainer"), F = /* @__PURE__ */ r((e, t = "smooth") => {
+  const o = e.querySelectorAll(N), a = o.item(o.length - 1);
+  if (!a)
     return;
-  const i = I(e);
+  const i = B(e);
   if (!i)
     return;
-  const l = i.getBoundingClientRect(), n = o.getBoundingClientRect(), p = n.top < l.top + g, s = n.bottom > l.bottom - g;
-  if (p || s) {
-    const c = i.scrollTop + (n.top - l.top) - i.clientHeight * C + n.height / 2, m = i.scrollHeight - i.clientHeight;
+  const l = i.getBoundingClientRect(), c = a.getBoundingClientRect(), s = c.top < l.top + b, m = c.bottom > l.bottom - b;
+  if (s || m) {
+    const d = i.scrollTop + (c.top - l.top) - i.clientHeight * A + c.height / 2, n = i.scrollHeight - i.clientHeight;
     i.scrollTo({
-      top: Math.min(Math.max(c, 0), m),
-      behavior: "smooth"
+      top: Math.min(Math.max(d, 0), n),
+      behavior: t
     });
   }
 }, "scrollSelectedItemIntoView");
-function L(e) {
-  const { navigation: t, active: o, dense: i, className: l, onItemClick: n, checkPermission: p, openedCollapseIds: s } = e, c = v(null);
-  b(() => {
-    const r = window.requestAnimationFrame(() => {
-      c.current && k(c.current);
-    });
-    return () => {
-      window.cancelAnimationFrame(r);
+function G(e) {
+  const { navigation: t, active: o, dense: a, className: i, onItemClick: l, checkPermission: c, openedCollapseIds: s } = e, m = H(null);
+  L(() => {
+    const n = m.current;
+    if (!n)
+      return;
+    let p = !1;
+    function u() {
+      F(n, "auto");
+    }
+    r(u, "scrollActiveItem");
+    function g(w) {
+      const v = w.target;
+      w.propertyName === "height" && v instanceof HTMLElement && v.classList.contains("collapse-children") && h();
+    }
+    r(g, "handleCollapseTransitionEnd");
+    function f() {
+      window.clearTimeout(I), n.removeEventListener(
+        "transitionend",
+        g,
+        !0
+      );
+    }
+    r(f, "cleanupScrollListener");
+    function h() {
+      p || (p = !0, u(), f());
+    }
+    r(h, "settleScroll");
+    const y = window.requestAnimationFrame(u), I = window.setTimeout(
+      h,
+      V
+    );
+    return n.addEventListener("transitionend", g, !0), () => {
+      window.cancelAnimationFrame(y), f();
     };
   }, [s]);
-  function m(r) {
-    n == null || n(r);
+  function d(n, p) {
+    l == null || l(n, p);
   }
-  return a(m, "handleItemClick"), /* @__PURE__ */ d(
-    S,
+  return r(d, "handleItemClick"), /* @__PURE__ */ S(
+    R,
     {
-      ref: c,
-      className: f(
+      ref: m,
+      className: x(
         "navigation whitespace-nowrap px-12 py-0",
         `active-${o}-list`,
-        i && "dense",
-        l
+        a && "dense",
+        i
       ),
-      children: t.map((r) => /* @__PURE__ */ d(
-        y,
+      children: t.map((n) => /* @__PURE__ */ S(
+        E,
         {
-          type: `vertical-${r.type}`,
-          item: r,
+          item: n,
           nestedLevel: 0,
-          onItemClick: m,
-          checkPermission: p,
+          onItemClick: d,
+          checkPermission: c,
           openedCollapseIds: s
         },
-        r.id
+        n.id
       ))
     }
   );
 }
-a(L, "NavVerticalLayout");
+r(G, "NavVerticalLayout");
 export {
-  L as NavVerticalLayout
+  G as NavVerticalLayout
 };
 //# sourceMappingURL=NavVerticalLayout.js.map

package/dist/layout/components/navigation/vertical/NavVerticalLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavVerticalLayout.js","sources":["../../../../../src/layout/components/navigation/vertical/NavVerticalLayout.tsx"],"sourcesContent":null,"names":["StyledList","styled","List","theme","selectedNavigationItemSelector","navigationScrollViewportPadding","navigationScrollAnchorRatio","getNavigationScrollContainer","__name","navigationElement","directParentElement","currentElement","scrollSelectedItemIntoView","selectedItems","selectedItem","scrollContainer","containerRect","selectedItemRect","isAboveViewport","isBelowViewport","nextScrollTop","maxScrollTop","NavVerticalLayout","props","navigation","active","dense","className","onItemClick","checkPermission","openedCollapseIds","navigationRef","useRef","useEffect","animationFrameId","handleItemClick","item","jsx","clsx","_item","NavItem"],"mappings":"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"}
+{"version":3,"file":"NavVerticalLayout.js","sources":["../../../../../src/layout/components/navigation/vertical/NavVerticalLayout.tsx"],"sourcesContent":null,"names":["StyledList","styled","List","theme","selectedNavigationItemSelector","navigationScrollViewportPadding","navigationScrollAnchorRatio","navigationScrollFallbackDelayMs","getNavigationScrollContainer","__name","navigationElement","directParentElement","currentElement","scrollSelectedItemIntoView","behavior","selectedItems","selectedItem","scrollContainer","containerRect","selectedItemRect","isAboveViewport","isBelowViewport","nextScrollTop","maxScrollTop","NavVerticalLayout","props","navigation","active","dense","className","onItemClick","checkPermission","openedCollapseIds","navigationRef","useRef","useEffect","isScrollSettled","scrollActiveItem","handleCollapseTransitionEnd","event","eventTarget","settleScroll","cleanupScrollListener","fallbackTimeoutId","animationFrameId","handleItemClick","item","context","jsx","clsx","_item","NavItem"],"mappings":"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"}