@apptegy/nuxt-navigation 0.1.108 → 0.1.110

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.
Files changed (5) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/Nav/NotificationItem.vue +37 -41
  3. package/dist/runtime/components/Nav/NotificationsPanel.vue +8 -27
  4. package/dist/runtime/components/Nav/NotificationsPanel.vue.d.ts +1 -1
  5. package/package.json +2 -1
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "nuxt": ">=3.0.0"
5
5
  },
6
6
  "configKey": "@apptegy/nuxt-navigation",
7
- "version": "0.1.108",
7
+ "version": "0.1.110",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "1.0.1",
10
10
  "unbuild": "unknown"
package/dist/runtime/components/Nav/NotificationItem.vue CHANGED
@@ -19,7 +19,6 @@
19
19
  :name="primaryActor.name"
20
20
  :src="primaryActor.avatarUrl"
21
21
  class="notification-item__avatar-image"
22
- style="--size: 40px"
23
22
  />
24
23
  </div>
25
24
  <span
@@ -48,7 +47,11 @@
48
47
  <p class="notification-item__meta">
49
48
  <span>{{ item.timestampLabel }}</span>
50
49
  <template v-if="item.contextLabel">
51
- <span class="notification-item__meta-separator" aria-hidden="true">·</span>
50
+ <span
51
+ class="notification-item__meta-separator"
52
+ aria-hidden="true"
53
+ >·</span
54
+ >
52
55
  <span>{{ item.contextLabel }}</span>
53
56
  </template>
54
57
  </p>
@@ -77,21 +80,11 @@
77
80
  :aria-label="$t('navigation.notificationsPanel.dismiss')"
78
81
  @click="handleDismiss"
79
82
  >
80
- <svg
81
- xmlns="http://www.w3.org/2000/svg"
82
- width="16"
83
- height="16"
84
- viewBox="0 0 24 24"
85
- fill="none"
86
- stroke="currentColor"
87
- stroke-width="2"
88
- stroke-linecap="round"
89
- stroke-linejoin="round"
83
+ <Icon
84
+ name="lucide:x"
85
+ size="16"
90
86
  aria-hidden="true"
91
- >
92
- <path d="M18 6 6 18" />
93
- <path d="m6 6 12 12" />
94
- </svg>
87
+ />
95
88
  </Button>
96
89
  </div>
97
90
  </div>
@@ -124,33 +117,30 @@ const additionalActorsLabel = computed(() => {
124
117
  return `, ${names.join(", ")}`;
125
118
  });
126
119
  function svgIcon(paths) {
127
- return h("svg", {
128
- xmlns: "http://www.w3.org/2000/svg",
129
- width: 12,
130
- height: 12,
131
- viewBox: "0 0 24 24",
132
- fill: "none",
133
- stroke: "currentColor",
134
- "stroke-width": 2,
135
- "stroke-linecap": "round",
136
- "stroke-linejoin": "round"
137
- }, paths);
120
+ return h(
121
+ "svg",
122
+ {
123
+ xmlns: "http://www.w3.org/2000/svg",
124
+ width: 12,
125
+ height: 12,
126
+ viewBox: "0 0 24 24",
127
+ fill: "none",
128
+ stroke: "currentColor",
129
+ "stroke-width": 2,
130
+ "stroke-linecap": "round",
131
+ "stroke-linejoin": "round"
132
+ },
133
+ paths
134
+ );
138
135
  }
139
136
  const typeIcon = computed(() => {
140
137
  switch (props.item.type) {
141
138
  case "announcement":
142
- return svgIcon([
143
- h("path", { d: "m3 11 18-5v12L3 14v-3z" }),
144
- h("path", { d: "M11.6 16.8a3 3 0 1 1-5.8-1.6" })
145
- ]);
139
+ return svgIcon([h("path", { d: "m3 11 18-5v12L3 14v-3z" }), h("path", { d: "M11.6 16.8a3 3 0 1 1-5.8-1.6" })]);
146
140
  case "message":
147
- return svgIcon([
148
- h("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
149
- ]);
141
+ return svgIcon([h("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })]);
150
142
  case "comment":
151
- return svgIcon([
152
- h("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
153
- ]);
143
+ return svgIcon([h("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })]);
154
144
  case "mention":
155
145
  return svgIcon([
156
146
  h("circle", { cx: 12, cy: 12, r: 4 }),
@@ -163,11 +153,15 @@ const typeIcon = computed(() => {
163
153
  ]);
164
154
  case "reaction":
165
155
  return svgIcon([
166
- h("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
156
+ h("path", {
157
+ d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"
158
+ })
167
159
  ]);
168
160
  case "school-post":
169
161
  return svgIcon([
170
- h("path", { d: "M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2" }),
162
+ h("path", {
163
+ d: "M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"
164
+ }),
171
165
  h("path", { d: "M18 14h-8" }),
172
166
  h("path", { d: "M15 18h-5" }),
173
167
  h("path", { d: "M10 6h8v4h-8V6Z" })
@@ -181,7 +175,9 @@ const typeIcon = computed(() => {
181
175
  default:
182
176
  return svgIcon([
183
177
  h("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
184
- h("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
178
+ h("path", {
179
+ d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"
180
+ })
185
181
  ]);
186
182
  }
187
183
  });
@@ -255,7 +251,7 @@ function handleDismiss(event) {
255
251
  color: var(--purple-40, #ab8cb9);
256
252
  border: 1px solid var(--primary-white, #fff);
257
253
  }
258
- .notification-item__avatar-image :deep(img), .notification-item__avatar-image :deep(span) {
254
+ .notification-item__avatar-image :deep(.avatar-container), .notification-item__avatar-image :deep(img), .notification-item__avatar-image :deep(span) {
259
255
  width: 40px;
260
256
  height: 40px;
261
257
  }
package/dist/runtime/components/Nav/NotificationsPanel.vue CHANGED
@@ -32,21 +32,11 @@
32
32
  :aria-label="$t('navigation.notificationsPanel.close')"
33
33
  @click="$emit('close')"
34
34
  >
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"
35
+ <Icon
36
+ name="lucide:x"
37
+ size="20"
45
38
  aria-hidden="true"
46
- >
47
- <path d="M18 6 6 18" />
48
- <path d="m6 6 12 12" />
49
- </svg>
39
+ />
50
40
  </Button>
51
41
  </div>
52
42
 
@@ -112,20 +102,11 @@
112
102
  :aria-label="$t('navigation.notificationsPanel.scrollFilters')"
113
103
  @click="scrollFilters"
114
104
  >
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"
105
+ <Icon
106
+ name="lucide:chevron-right"
107
+ size="16"
125
108
  aria-hidden="true"
126
- >
127
- <path d="m9 18 6-6-6-6" />
128
- </svg>
109
+ />
129
110
  </Button>
130
111
  </div>
131
112
 
package/dist/runtime/components/Nav/NotificationsPanel.vue.d.ts CHANGED
@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {},
46
46
  }) => any) | undefined;
47
47
  onClose?: (() => any) | undefined;
48
48
  }>, {
49
- embedded: boolean;
50
49
  loading: boolean;
50
+ embedded: boolean;
51
51
  mobile: boolean;
52
52
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
53
53
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apptegy/nuxt-navigation",
3
- "version": "0.1.108",
3
+ "version": "0.1.110",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -32,6 +32,7 @@
32
32
  "@vueuse/core": "^12.0.0"
33
33
  },
34
34
  "peerDependencies": {
35
+ "@nuxt/icon": "^1.0.0",
35
36
  "primevue": "^4.2.5"
36
37
  },
37
38
  "devDependencies": {