@apptegy/nuxt-navigation 0.1.116 → 0.1.118
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json
CHANGED
|
@@ -236,8 +236,16 @@ watch(
|
|
|
236
236
|
}
|
|
237
237
|
);
|
|
238
238
|
watch(panelOpen, (value) => {
|
|
239
|
-
|
|
240
|
-
|
|
239
|
+
if (value) {
|
|
240
|
+
patchNotifications({ panelOpen: true });
|
|
241
|
+
return;
|
|
242
|
+
}
|
|
243
|
+
activeFilterId.value = "all-types";
|
|
244
|
+
patchNotifications({
|
|
245
|
+
panelOpen: false,
|
|
246
|
+
activeFilterId: "all-types"
|
|
247
|
+
});
|
|
248
|
+
if (!isMobilePanel.value) {
|
|
241
249
|
popoverRef.value?.hide();
|
|
242
250
|
}
|
|
243
251
|
});
|
|
@@ -76,11 +76,21 @@
|
|
|
76
76
|
:aria-label="$t('navigation.notificationsPanel.dismiss')"
|
|
77
77
|
@click="handleDismiss"
|
|
78
78
|
>
|
|
79
|
-
<
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
<svg
|
|
80
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
81
|
+
width="16"
|
|
82
|
+
height="16"
|
|
83
|
+
viewBox="0 0 24 24"
|
|
84
|
+
fill="none"
|
|
85
|
+
stroke="currentColor"
|
|
86
|
+
stroke-width="2"
|
|
87
|
+
stroke-linecap="round"
|
|
88
|
+
stroke-linejoin="round"
|
|
82
89
|
aria-hidden="true"
|
|
83
|
-
|
|
90
|
+
>
|
|
91
|
+
<path d="M18 6 6 18" />
|
|
92
|
+
<path d="m6 6 12 12" />
|
|
93
|
+
</svg>
|
|
84
94
|
</Button>
|
|
85
95
|
</div>
|
|
86
96
|
</div>
|
|
@@ -317,4 +327,8 @@ function handleDismiss(event) {
|
|
|
317
327
|
padding: 0;
|
|
318
328
|
color: var(--grey-50, #9ca3af);
|
|
319
329
|
}
|
|
330
|
+
.notification-item__dismiss :deep(svg) {
|
|
331
|
+
display: block;
|
|
332
|
+
flex-shrink: 0;
|
|
333
|
+
}
|
|
320
334
|
</style>
|
|
@@ -32,11 +32,21 @@
|
|
|
32
32
|
:aria-label="$t('navigation.notificationsPanel.close')"
|
|
33
33
|
@click="$emit('close')"
|
|
34
34
|
>
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
<svg
|
|
36
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
37
|
+
width="20"
|
|
38
|
+
height="20"
|
|
39
|
+
viewBox="0 0 24 24"
|
|
40
|
+
fill="none"
|
|
41
|
+
stroke="currentColor"
|
|
42
|
+
stroke-width="2"
|
|
43
|
+
stroke-linecap="round"
|
|
44
|
+
stroke-linejoin="round"
|
|
38
45
|
aria-hidden="true"
|
|
39
|
-
|
|
46
|
+
>
|
|
47
|
+
<path d="M18 6 6 18" />
|
|
48
|
+
<path d="m6 6 12 12" />
|
|
49
|
+
</svg>
|
|
40
50
|
</Button>
|
|
41
51
|
</div>
|
|
42
52
|
|
|
@@ -102,11 +112,20 @@
|
|
|
102
112
|
:aria-label="$t('navigation.notificationsPanel.scrollFilters')"
|
|
103
113
|
@click="scrollFilters"
|
|
104
114
|
>
|
|
105
|
-
<
|
|
106
|
-
|
|
107
|
-
|
|
115
|
+
<svg
|
|
116
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
117
|
+
width="16"
|
|
118
|
+
height="16"
|
|
119
|
+
viewBox="0 0 24 24"
|
|
120
|
+
fill="none"
|
|
121
|
+
stroke="currentColor"
|
|
122
|
+
stroke-width="2"
|
|
123
|
+
stroke-linecap="round"
|
|
124
|
+
stroke-linejoin="round"
|
|
108
125
|
aria-hidden="true"
|
|
109
|
-
|
|
126
|
+
>
|
|
127
|
+
<path d="m9 18 6-6-6-6" />
|
|
128
|
+
</svg>
|
|
110
129
|
</Button>
|
|
111
130
|
</div>
|
|
112
131
|
|
|
@@ -481,6 +500,11 @@ function scrollFilters() {
|
|
|
481
500
|
width: 28px;
|
|
482
501
|
height: 28px;
|
|
483
502
|
padding: 0;
|
|
503
|
+
color: var(--grey-60, #6b7280);
|
|
504
|
+
}
|
|
505
|
+
.notifications-panel__filters-next :deep(svg) {
|
|
506
|
+
display: block;
|
|
507
|
+
flex-shrink: 0;
|
|
484
508
|
}
|
|
485
509
|
.notifications-panel__body {
|
|
486
510
|
overflow-y: auto;
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
DEFAULT_NOTIFICATION_FILTERS,
|
|
3
|
-
NOTIFICATION_FILTER_CATEGORIES
|
|
4
|
-
} from "../constants/notification-types.js";
|
|
1
|
+
import { NOTIFICATION_FILTER_CATEGORIES } from "../constants/notification-types.js";
|
|
5
2
|
import { normalizeNotificationKind } from "./notification-api.js";
|
|
6
3
|
export function flattenNotifications(groups) {
|
|
7
4
|
return groups.flatMap((group) => group.notifications);
|
|
@@ -103,7 +100,7 @@ export function resolveStickyNotificationFilters({
|
|
|
103
100
|
if (activeFilterId === "all-types") {
|
|
104
101
|
nextStickyFilters = dynamicFilters;
|
|
105
102
|
} else if (!stickyFilters.length) {
|
|
106
|
-
nextStickyFilters = dynamicFilters
|
|
103
|
+
nextStickyFilters = dynamicFilters;
|
|
107
104
|
}
|
|
108
105
|
if (activeFilterId !== "all-types" && nextStickyFilters.length) {
|
|
109
106
|
return {
|