@imaginario27/air-ui-ds 1.15.2 → 1.15.3
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/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,28 @@ All notable changes to this package are documented in this file.
|
|
|
5
5
|
Historical releases were reconstructed from git history (GitHub repository) and npm publish dates.
|
|
6
6
|
Future releases will include detailed entries generated with Changesets.
|
|
7
7
|
|
|
8
|
+
## 1.15.2 - 2026-07-02
|
|
9
|
+
|
|
10
|
+
Release type: patch.
|
|
11
|
+
Commits found in range: 1.
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
1. close notifications popover on view-all and item click ([9c1c041](https://github.com/imaginario27/air-ui/commit/9c1c04193f63767785504892dc2e19c2efec07e2))
|
|
16
|
+
|
|
17
|
+
- Package: @imaginario27/air-ui-ds.
|
|
18
|
+
|
|
19
|
+
## 1.15.1 - 2026-07-01
|
|
20
|
+
|
|
21
|
+
Release type: patch.
|
|
22
|
+
Commits found in range: 1.
|
|
23
|
+
|
|
24
|
+
### Added
|
|
25
|
+
|
|
26
|
+
1. pass unit prop verbatim and add limit prop to NotificationsPopover ([3fe78ba](https://github.com/imaginario27/air-ui/commit/3fe78ba2f4b2d42a16205e08b9669bddc2eabdeb))
|
|
27
|
+
|
|
28
|
+
- Package: @imaginario27/air-ui-ds.
|
|
29
|
+
|
|
8
30
|
## 1.15.0 - 2026-06-30
|
|
9
31
|
|
|
10
32
|
Release type: minor.
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
props.disabled ? 'opacity-50 hover:cursor-not-allowed hover:bg-transparent' : 'hover:cursor-pointer'
|
|
16
16
|
]"
|
|
17
17
|
:disabled="props.disabled"
|
|
18
|
+
:aria-label="ariaLabel"
|
|
18
19
|
@click="emitClick"
|
|
19
20
|
>
|
|
20
21
|
<slot />
|
|
@@ -33,6 +34,10 @@ const props = defineProps({
|
|
|
33
34
|
type: Boolean as PropType<boolean>,
|
|
34
35
|
default: false,
|
|
35
36
|
},
|
|
37
|
+
ariaLabel: {
|
|
38
|
+
type: String as PropType<string>,
|
|
39
|
+
default: 'Navigation button',
|
|
40
|
+
},
|
|
36
41
|
})
|
|
37
42
|
|
|
38
43
|
// Emits
|
|
@@ -53,9 +53,10 @@
|
|
|
53
53
|
]"
|
|
54
54
|
>
|
|
55
55
|
<!-- Previous Button -->
|
|
56
|
-
<PaginationButton
|
|
56
|
+
<PaginationButton
|
|
57
57
|
:styleType
|
|
58
|
-
:disabled="modelValue === 1"
|
|
58
|
+
:disabled="modelValue === 1"
|
|
59
|
+
:ariaLabel="ariaLabelPrevious"
|
|
59
60
|
@click="goToPreviousPage"
|
|
60
61
|
>
|
|
61
62
|
<Icon
|
|
@@ -69,6 +70,8 @@
|
|
|
69
70
|
v-for="page in visiblePages"
|
|
70
71
|
:key="page"
|
|
71
72
|
:styleType
|
|
73
|
+
:ariaLabel="pageAriaLabel(page)"
|
|
74
|
+
:aria-current="page === modelValue ? 'page' : undefined"
|
|
72
75
|
:class="[
|
|
73
76
|
styleType === ButtonPaginationStyle.BUTTON && 'border border-border-default',
|
|
74
77
|
page === modelValue ? [
|
|
@@ -111,9 +114,10 @@
|
|
|
111
114
|
</PaginationButton>
|
|
112
115
|
|
|
113
116
|
<!-- Next Button -->
|
|
114
|
-
<PaginationButton
|
|
117
|
+
<PaginationButton
|
|
115
118
|
:styleType
|
|
116
119
|
:disabled="modelValue === totalPages"
|
|
120
|
+
:ariaLabel="ariaLabelNext"
|
|
117
121
|
@click="goToNextPage"
|
|
118
122
|
>
|
|
119
123
|
<Icon
|
|
@@ -168,6 +172,18 @@ const props = defineProps({
|
|
|
168
172
|
type: Number as PropType<number>,
|
|
169
173
|
default: 1024,
|
|
170
174
|
},
|
|
175
|
+
ariaLabelPrevious: {
|
|
176
|
+
type: String as PropType<string>,
|
|
177
|
+
default: 'Previous page',
|
|
178
|
+
},
|
|
179
|
+
ariaLabelNext: {
|
|
180
|
+
type: String as PropType<string>,
|
|
181
|
+
default: 'Next page',
|
|
182
|
+
},
|
|
183
|
+
ariaLabelPage: {
|
|
184
|
+
type: String as PropType<string>,
|
|
185
|
+
default: 'Page {page}',
|
|
186
|
+
},
|
|
171
187
|
})
|
|
172
188
|
|
|
173
189
|
// Composables
|
|
@@ -262,6 +278,11 @@ const handlePageClick = (page: string | number) => {
|
|
|
262
278
|
emit("update:modelValue", page)
|
|
263
279
|
}
|
|
264
280
|
|
|
281
|
+
const pageAriaLabel = (page: string | number) => {
|
|
282
|
+
if (page === '...') return undefined
|
|
283
|
+
return props.ariaLabelPage.replace('{page}', page.toString())
|
|
284
|
+
}
|
|
285
|
+
|
|
265
286
|
// Watchers
|
|
266
287
|
watch(itemsPerPage, (newVal) => {
|
|
267
288
|
emit('update:modelValue', 1) // Reset to page 1 when rows per page changes
|