@wwtdev/bsds-components-vue3 3.0.3 → 3.0.4

package/lib/bsds-components.js

@@ -3505,6 +3505,12 @@ const di = {
     description: "Custom width of the vertical navigation. This will override\n      the `variant` prop.",
     type: String,
     typeDef: "string"
+  },
+  sticky: {
+    default: !1,
+    description: "If `true`, the navigation will use sticky positioning instead\n      of fixed positioning on desktop viewports (min-width: 1166px). This is primarily\n      used in combination with the App Header component.",
+    type: Boolean,
+    typeDef: "boolean"
   }
 }, bi = {
   "nav-link-clicked": {
@@ -12762,7 +12768,7 @@ const nh = /* @__PURE__ */ Xn(Qc, [["render", Jc]]), _c = ["data-variant", "data
       }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : P("", !0)
     ], 16));
   }
-}), lp = ["data-bg-variant"], rp = ["aria-expanded", "title", "data-collapsed", "data-narrow"], dp = ["data-narrow", "data-collapsed", "data-collapsible"], up = {
+}), lp = ["data-bg-variant"], rp = ["aria-expanded", "title", "data-collapsed", "data-narrow"], dp = ["data-narrow", "data-collapsed", "data-collapsible", "data-sticky"], up = {
   key: 0,
   class: "bs-vertical-nav-top-content"
 }, cp = ["data-collapsed", "data-divider-only", "data-app-links"], pp = ["aria-expanded", "aria-controls", "title", "onClick"], fp = { key: 0 }, hp = ["id"], bp = { key: 1 }, vp = {
@@ -12804,9 +12810,9 @@ const nh = /* @__PURE__ */ Xn(Qc, [["render", Jc]]), _c = ["data-variant", "data
     ), X(() => t.width, (I) => {
       I ? (c.value.style.setProperty("--bs-vertical-nav-width", I), u.value && u.value.style.setProperty("--bs-vertical-nav-width", I)) : (c.value.style.removeProperty("--bs-vertical-nav-width"), u.value && u.value.style.removeProperty("--bs-vertical-nav-width"));
     }), X(() => t.mobileOpen, (I) => {
-      typeof document > "u" || (I ? (document.body.style.overflow = "hidden", c.value.style.setProperty("visibility", "visible"), setTimeout(() => {
+      typeof document > "u" || (I ? (document.body.style.overflow = "hidden", c.value.style.setProperty("visibility", "visible"), c.value.style.setProperty("pointer-events", "auto"), setTimeout(() => {
         c.value.style.setProperty("opacity", "1");
-      }, 0)) : (document.body.style.overflow = "", c.value.style.removeProperty("opacity"), setTimeout(() => {
+      }, 0)) : (document.body.style.overflow = "", c.value.style.removeProperty("opacity"), c.value.style.removeProperty("pointer-events"), setTimeout(() => {
         c.value.style.removeProperty("visibility");
       }, 200)));
     });
@@ -12847,6 +12853,7 @@ const nh = /* @__PURE__ */ Xn(Qc, [["render", Jc]]), _c = ["data-variant", "data
         "data-narrow": g.value,
         "data-collapsed": T.value,
         "data-collapsible": B.value,
+        "data-sticky": t.sticky || void 0,
         style: Dt(t.width && !T.value ? { width: t.width } : void 0)
       }, [
         O("ul", null, [