@brightspace-ui/core 2.34.1 → 2.34.2
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.
|
@@ -158,12 +158,6 @@ The `d2l-list` is the container to create a styled list of items using `d2l-list
|
|
|
158
158
|
|
|
159
159
|
The `d2l-list` supports selectable items within a list, including both single and multi selection. Selection is enabled when `d2l-list-item`s have the `selectable` attribute. When items are selectable, multiple selection is the default behaviour, however the `selection-single` attribute can be applied to the `d2l-list` to enable single selection. A `d2l-list-header` component can be added to `d2l-list`'s `header` slot to provide select-all and bulk actions.
|
|
160
160
|
|
|
161
|
-
## Pageable Lists
|
|
162
|
-
|
|
163
|
-
Load-More paging functionality can be implemented in lists by placing a `d2l-pager-load-more` in `d2l-list`'s `pager` slot. The consumer must handle the `d2l-pager-load-more` event by loading more items, updating the pager state, and signalling completion by calling `complete()` on the event detail. Focus will be automatically moved on the first new item once complete. See [Paging](../../components/paging) for more details.
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
161
|
### Accessibility Properties
|
|
168
162
|
|
|
169
163
|
If a `d2l-list-item` is selectable then it should have a `label` attribute that corresponds to the hidden label for the checkbox.
|
|
@@ -199,6 +193,10 @@ If a `d2l-list-item` is selectable then it should have a `label` attribute that
|
|
|
199
193
|
</d2l-list>
|
|
200
194
|
```
|
|
201
195
|
|
|
196
|
+
## Pageable Lists
|
|
197
|
+
|
|
198
|
+
Load-More paging functionality can be implemented in lists by placing a `d2l-pager-load-more` in `d2l-list`'s `pager` slot. The consumer must handle the `d2l-pager-load-more` event by loading more items, updating the pager state, and signalling completion by calling `complete()` on the event detail. Focus will be automatically moved on the first new item once complete. See [Paging](../../components/paging) for more details.
|
|
199
|
+
|
|
202
200
|
## Drag & Drop Lists
|
|
203
201
|
|
|
204
202
|
The `d2l-list` supports drag & drop.
|
|
@@ -15,6 +15,7 @@ The paging components and mixins can be used to provide consistent paging functi
|
|
|
15
15
|
<!-- docs: start dos -->
|
|
16
16
|
* Consider the performance impact of acquiring the optional total `item-count`. The `item-count` provides useful context for the user, but counting large numbers of rows can be detrimental to performance. As a very general guide, when the total number of rows that needs to be counted is < 50,000, it's not a performance concern.
|
|
17
17
|
<!-- docs: end dos -->
|
|
18
|
+
<!-- docs: end best practices -->
|
|
18
19
|
|
|
19
20
|
## Load More Paging [d2l-pager-load-more]
|
|
20
21
|
|
|
@@ -39,7 +40,6 @@ pager.addEventListener('d2l-pager-load-more', e => {
|
|
|
39
40
|
});
|
|
40
41
|
```
|
|
41
42
|
|
|
42
|
-
<!-- docs: start hidden content -->
|
|
43
43
|
### Properties
|
|
44
44
|
| Property | Type | Description |
|
|
45
45
|
|---|---|---|
|
|
@@ -52,4 +52,3 @@ pager.addEventListener('d2l-pager-load-more', e => {
|
|
|
52
52
|
| Event | Description |
|
|
53
53
|
|---|---|
|
|
54
54
|
| `d2l-pager-load-more` | Dispatched when the user clicks the Load More button. The `pageSize` can be accessed from the event `target`. The consumer must call the `complete()` method on the event detail to signal completion after the new items have been loaded. |
|
|
55
|
-
<!-- docs: end hidden content -->
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.34.
|
|
3
|
+
"version": "2.34.2",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|