@apptegy/nuxt-navigation 0.1.106 → 0.1.108

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.1.106",
+  "version": "0.1.108",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

package/dist/runtime/components/Nav/Header.vue

@@ -74,7 +74,7 @@
               @update:active-filter-id="handleFilterChange"
               @clear-all="(payload) => $emit('notifications-clear-all', payload)"
               @dismiss="(payload) => $emit('notifications-dismiss', payload)"
-              @select="(payload) => $emit('notifications-select', payload)"
+              @select="handleNotificationSelect"
             />
           </Popover>
 
@@ -94,7 +94,7 @@
               @update:active-filter-id="handleFilterChange"
               @clear-all="(payload) => $emit('notifications-clear-all', payload)"
               @dismiss="(payload) => $emit('notifications-dismiss', payload)"
-              @select="(payload) => $emit('notifications-select', payload)"
+              @select="handleNotificationSelect"
               @close="closeNotificationsPanel"
             />
           </Teleport>
@@ -230,6 +230,9 @@ watch(
 );
 watch(panelOpen, (value) => {
   emit("update:notificationPanelOpen", value);
+  if (!value && !isMobilePanel.value) {
+    popoverRef.value?.hide();
+  }
 });
 watch(
   () => props.activeTabId,
@@ -270,6 +273,10 @@ function onPanelHide() {
 function closeNotificationsPanel() {
   panelOpen.value = false;
 }
+function handleNotificationSelect(payload) {
+  closeNotificationsPanel();
+  emit("notifications-select", payload);
+}
 function handleTabChange(id) {
   activeTabId.value = id;
   emit("update:activeTabId", id);

package/dist/runtime/components/Nav/NotificationsPanel.vue

@@ -410,6 +410,9 @@ function scrollFilters() {
   border-bottom: 1px solid var(--grey-20, #e5e7eb);
   background: transparent;
 }
+.notifications-panel__tabs :deep(.p-tablist-active-bar) {
+  display: none;
+}
 .notifications-panel__tabs :deep(.p-tab) {
   padding: 0 0 12px;
   border: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apptegy/nuxt-navigation",
-  "version": "0.1.106",
+  "version": "0.1.108",
   "type": "module",
   "exports": {
     ".": {
@@ -35,20 +35,19 @@
     "primevue": "^4.2.5"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.6.2",
-    "@nuxt/eslint-config": "^1.6.0",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.0",
-    "@nuxt/test-utils": "^3.17.0",
-    "@types/node": "^22.0.0",
-    "eslint": "^9.31.0",
-    "nuxt": "^3.17.0",
+    "@nuxt/devtools": "catalog:",
+    "@nuxt/eslint-config": "catalog:",
+    "@nuxt/module-builder": "catalog:",
+    "@nuxt/schema": "catalog:",
+    "@nuxt/test-utils": "catalog:",
+    "@types/node": "catalog:",
+    "eslint": "catalog:",
+    "nuxt": "catalog:",
     "primevue": "^4.5.4",
-    "sass": "^1.89.2",
-    "typescript": "~5.8.0",
-    "vitest": "^3.2.4",
-    "vue": "^3.5.13",
-    "vue-tsc": "^3.0.3"
-  },
-  "gitHead": "4a69cd943d4e30d94b74f25311ea5b627a4fd568"
+    "sass": "catalog:",
+    "typescript": "catalog:",
+    "vitest": "catalog:",
+    "vue": "catalog:",
+    "vue-tsc": "catalog:"
+  }
 }