@brightspace-ui/core 2.80.10 → 2.81.0

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 (41) hide show
  1. package/components/inputs/input-text.js +11 -6
  2. package/components/list/README.md +14 -14
  3. package/components/list/demo/demo-list-nested-lazy-load.js +5 -5
  4. package/components/list/demo/demo-list-nested.js +8 -8
  5. package/components/list/demo/demo-list.js +3 -3
  6. package/components/list/demo/list-expand-collapse.html +3 -3
  7. package/components/list/demo/list-item-actions.html +16 -16
  8. package/components/list/demo/list-item-scroll.html +2 -2
  9. package/components/list/demo/list-nested.html +5 -5
  10. package/components/list/list-controls.js +54 -0
  11. package/components/list/list-header.js +2 -51
  12. package/components/list/list.js +2 -1
  13. package/components/selection/README.md +12 -12
  14. package/components/selection/demo/selection.html +12 -17
  15. package/components/selection/selection-action-menu-item.js +1 -1
  16. package/components/selection/{selection-header.js → selection-controls.js} +21 -21
  17. package/components/table/README.md +10 -10
  18. package/components/table/demo/table-test.js +3 -3
  19. package/components/table/{table-header.js → table-controls.js} +4 -4
  20. package/components/table/table-wrapper.js +2 -2
  21. package/custom-elements.json +101 -25
  22. package/lang/ar.js +2 -2
  23. package/lang/cy.js +2 -2
  24. package/lang/da.js +2 -2
  25. package/lang/de.js +2 -2
  26. package/lang/en.js +2 -2
  27. package/lang/es-es.js +2 -2
  28. package/lang/es.js +2 -2
  29. package/lang/fr-fr.js +2 -2
  30. package/lang/fr.js +2 -2
  31. package/lang/hi.js +2 -2
  32. package/lang/ja.js +2 -2
  33. package/lang/ko.js +2 -2
  34. package/lang/nl.js +2 -2
  35. package/lang/pt.js +2 -2
  36. package/lang/sv.js +2 -2
  37. package/lang/tr.js +2 -2
  38. package/lang/zh-cn.js +2 -2
  39. package/lang/zh-tw.js +2 -2
  40. package/package.json +1 -1
  41. package/templates/primary-secondary/demo/integration.html +7 -7
package/components/selection/demo/selection.html CHANGED
@@ -11,7 +11,7 @@
11
11
  import '../selection-action.js';
12
12
  import '../selection-action-dropdown.js';
13
13
  import '../selection-action-menu-item.js';
14
- import '../selection-header.js';
14
+ import '../selection-controls.js';
15
15
  import '../selection-input.js';
16
16
  import '../selection-select-all.js';
17
17
  import '../selection-summary.js';
@@ -41,11 +41,6 @@
41
41
  flex-basis: 45%;
42
42
  flex-direction: column;
43
43
  }
44
- .d2l-selection-header {
45
- align-items: center;
46
- display: flex;
47
- flex-wrap: wrap;
48
- }
49
44
  </style>
50
45
  </head>
51
46
  <body unresolved>
@@ -57,7 +52,7 @@
57
52
  <d2l-demo-snippet>
58
53
  <template>
59
54
  <d2l-demo-selection>
60
- <d2l-selection-header>
55
+ <d2l-selection-controls>
61
56
  <d2l-selection-action text="Bookmark" icon="tier1:bookmark-hollow" requires-selection></d2l-selection-action>
62
57
  <d2l-selection-action text="Settings" icon="tier1:gear"></d2l-selection-action>
63
58
  <d2l-selection-action-dropdown text="Actions 1" requires-selection>
@@ -68,7 +63,7 @@
68
63
  </d2l-menu>
69
64
  </d2l-dropdown-menu>
70
65
  </d2l-selection-action-dropdown>
71
- </d2l-selection-header>
66
+ </d2l-selection-controls>
72
67
 
73
68
  <ul>
74
69
  <li><d2l-selection-input key="geo" label="Geography" selected></d2l-selection-input>Geography</li>
@@ -84,10 +79,10 @@
84
79
  <d2l-demo-snippet>
85
80
  <template>
86
81
  <d2l-demo-selection selection-single>
87
- <d2l-selection-header>
82
+ <d2l-selection-controls>
88
83
  <d2l-selection-action text="Bookmark" icon="tier1:bookmark-hollow" requires-selection></d2l-selection-action>
89
84
  <d2l-selection-action text="Settings" icon="tier1:gear"></d2l-selection-action>
90
- </d2l-selection-header>
85
+ </d2l-selection-controls>
91
86
 
92
87
  <ul>
93
88
  <li><d2l-selection-input key="geo" label="Geography"></d2l-selection-input>Geography</li>
@@ -99,15 +94,15 @@
99
94
  </d2l-demo-snippet>
100
95
 
101
96
 
102
- <h2>None-sticky selection header</h2>
97
+ <h2>No-sticky selection controls</h2>
103
98
 
104
99
  <d2l-demo-snippet>
105
100
  <template>
106
101
  <d2l-demo-selection>
107
- <d2l-selection-header no-sticky>
102
+ <d2l-selection-controls no-sticky>
108
103
  <d2l-selection-action text="Bookmark" icon="tier1:bookmark-hollow" requires-selection></d2l-selection-action>
109
104
  <d2l-selection-action text="Settings" icon="tier1:gear"></d2l-selection-action>
110
- </d2l-selection-header>
105
+ </d2l-selection-controls>
111
106
 
112
107
  <ul>
113
108
  <li><d2l-selection-input key="geo" label="Geography"></d2l-selection-input>Geography</li>
@@ -125,9 +120,9 @@
125
120
  <div class="d2l-selection-collections">
126
121
  <div class="d2l-selection-collection">
127
122
  Pick Your Toppings
128
- <d2l-selection-header selection-for="collection-1">
123
+ <d2l-selection-controls selection-for="collection-1">
129
124
  <d2l-selection-action selection-for="collection-1" text="Add Note" icon="tier1:add-message"></d2l-selection-action>
130
- </d2l-selection-header>
125
+ </d2l-selection-controls>
131
126
 
132
127
  <d2l-demo-selection id="collection-1">
133
128
  <ul>
@@ -141,9 +136,9 @@
141
136
 
142
137
  <div class="d2l-selection-collection">
143
138
  Pick Your Bread
144
- <d2l-selection-header selection-for="collection-2">
139
+ <d2l-selection-controls selection-for="collection-2">
145
140
  <d2l-selection-action selection-for="collection-2" text="Add Note" icon="tier1:add-message"></d2l-selection-action>
146
- </d2l-selection-header>
141
+ </d2l-selection-controls>
147
142
  <d2l-demo-selection id="collection-2" selection-single>
148
143
  <ul>
149
144
  <li><d2l-selection-input key="it" label="Italian"></d2l-selection-input>Italian</li>
package/components/selection/selection-action-menu-item.js CHANGED
@@ -6,7 +6,7 @@ import { SelectionActionMixin } from './selection-action-mixin.js';
6
6
  import { SelectionInfo } from './selection-mixin.js';
7
7
 
8
8
  /**
9
- * An action menu-item component used within selection controls such as d2l-list and d2l-list-header.
9
+ * An action menu-item component used within selection controls such as d2l-list and d2l-list-controls.
10
10
  * @slot supporting - Allows supporting information to be displayed on the right-most side of the menu item
11
11
  * @fires d2l-selection-action-click - Dispatched when the user clicks the action button. The `SelectionInfo` is provided as the event `detail`. If `requires-selection` was specified then the event will only be dispatched if items are selected.
12
12
  * @fires d2l-selection-observer-subscribe - Internal event
package/components/selection/{selection-header.js → selection-controls.js} RENAMED
@@ -10,10 +10,10 @@ import { RtlMixin } from '../../mixins/rtl-mixin.js';
10
10
  import { SelectionObserverMixin } from './selection-observer-mixin.js';
11
11
 
12
12
  /**
13
- * A header for selection components (e.g. list, table-wrapper) containing select-all, etc.
13
+ * Controls for selection components (e.g. list, table-wrapper) containing select-all, etc.
14
14
  * @slot - Responsive container using `d2l-overflow-group` for `d2l-selection-action` elements
15
15
  */
16
- export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCoreElement(LitElement))) {
16
+ export class SelectionControls extends SelectionObserverMixin(RtlMixin(LocalizeCoreElement(LitElement))) {
17
17
 
18
18
  static get properties() {
19
19
  return {
@@ -23,7 +23,7 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
23
23
  */
24
24
  noSelection: { type: Boolean, attribute: 'no-selection' },
25
25
  /**
26
- * Disables sticky positioning for the header
26
+ * Disables sticky positioning for the controls
27
27
  * @type {boolean}
28
28
  */
29
29
  noSticky: { type: Boolean, attribute: 'no-sticky' },
@@ -40,7 +40,7 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
40
40
  static get styles() {
41
41
  return css`
42
42
  :host {
43
- background-color: var(--d2l-selection-header-background-color, white);
43
+ background-color: var(--d2l-selection-controls-background-color, white);
44
44
  display: block;
45
45
  position: sticky;
46
46
  top: 0;
@@ -50,12 +50,12 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
50
50
  position: static;
51
51
  }
52
52
  @media (prefers-reduced-motion: no-preference) {
53
- .d2l-selection-header-shadow {
53
+ .d2l-selection-controls-shadow {
54
54
  transition: box-shadow 200ms ease-out;
55
55
  }
56
56
  }
57
- :host([_scrolled]) .d2l-selection-header-shadow {
58
- background-color: var(--d2l-selection-header-background-color, white);
57
+ :host([_scrolled]) .d2l-selection-controls-shadow {
58
+ background-color: var(--d2l-selection-controls-background-color, white);
59
59
  bottom: -4px;
60
60
  box-shadow: 0 8px 12px -9px rgba(0, 0, 0, 0.3);
61
61
  clip: rect(30px, auto, 200px, auto);
@@ -67,14 +67,14 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
67
67
  :host([hidden]) {
68
68
  display: none;
69
69
  }
70
- .d2l-selection-header-container {
70
+ .d2l-selection-controls-container {
71
71
  align-items: center;
72
72
  display: flex;
73
73
  margin-bottom: 6px;
74
74
  margin-top: 6px;
75
75
  min-height: 54px;
76
76
  }
77
- .d2l-selection-header-container-slim {
77
+ .d2l-selection-controls-container-slim {
78
78
  min-height: 36px;
79
79
  }
80
80
  d2l-selection-select-all, d2l-selection-summary {
@@ -95,12 +95,12 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
95
95
  margin-left: 0;
96
96
  margin-right: 0.45rem;
97
97
  }
98
- .d2l-selection-header-actions {
98
+ .d2l-selection-controls-actions {
99
99
  --d2l-overflow-group-justify-content: flex-end;
100
100
  flex: auto;
101
101
  text-align: right;
102
102
  }
103
- :host([dir="rtl"]) .d2l-selection-header-actions {
103
+ :host([dir="rtl"]) .d2l-selection-controls-actions {
104
104
  text-align: left;
105
105
  }
106
106
  .d2l-sticky-edge {
@@ -126,17 +126,17 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
126
126
  }
127
127
 
128
128
  render() {
129
- const classes = this._getSelectionHeaderContainerClasses();
130
- const label = (this._hasActions || !this.noSelection) ? this._getSelectionHeaderLabel() : null;
129
+ const classes = this._getSelectionControlsContainerClasses();
130
+ const label = (this._hasActions || !this.noSelection) ? this._getSelectionControlsLabel() : null;
131
131
  return html`
132
132
  <div class="d2l-sticky-edge"></div>
133
133
  <section class="${classMap(classes)}" aria-label="${ifDefined(label)}">
134
134
  ${this.noSelection ? nothing : this._renderSelection()}
135
- <div class="d2l-selection-header-actions">
135
+ <div class="d2l-selection-controls-actions">
136
136
  <d2l-overflow-group opener-type="icon"><slot @slotchange="${this._handleSlotChange}"></slot></d2l-overflow-group>
137
137
  </div>
138
138
  </section>
139
- ${!this.noSticky ? html`<div class="d2l-selection-header-shadow"></div>` : nothing}
139
+ ${!this.noSticky ? html`<div class="d2l-selection-controls-shadow"></div>` : nothing}
140
140
  `;
141
141
  }
142
142
 
@@ -148,15 +148,15 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
148
148
  }
149
149
  }
150
150
 
151
- _getSelectionHeaderContainerClasses() {
151
+ _getSelectionControlsContainerClasses() {
152
152
  return {
153
- 'd2l-selection-header-container': true,
154
- 'd2l-selection-header-container-slim': (!this._hasActions && !this.selectAllPagesAllowed)
153
+ 'd2l-selection-controls-container': true,
154
+ 'd2l-selection-controls-container-slim': (!this._hasActions && !this.selectAllPagesAllowed)
155
155
  };
156
156
  }
157
157
 
158
- _getSelectionHeaderLabel() {
159
- return this.localize('components.selection-header.label');
158
+ _getSelectionControlsLabel() {
159
+ return this.localize('components.selection-controls.label');
160
160
  }
161
161
 
162
162
  _handleSlotChange(e) {
@@ -198,4 +198,4 @@ export class SelectionHeader extends SelectionObserverMixin(RtlMixin(LocalizeCor
198
198
 
199
199
  }
200
200
 
201
- customElements.define('d2l-selection-header', SelectionHeader);
201
+ customElements.define('d2l-selection-controls', SelectionControls);
package/components/table/README.md CHANGED
@@ -292,21 +292,21 @@ If your table supports row selection, apply the `selected` attribute to `<tr>` r
292
292
  </tr>
293
293
  ```
294
294
 
295
- ## Table Header [d2l-table-header]
295
+ ## Table Controls [d2l-table-controls]
296
296
 
297
- The `d2l-table-header` component can be placed in the `d2l-table-wrapper`'s `header` slot to provide a selection summary, a slot for `d2l-selection-action`s, and overflow-group behaviour.
297
+ The `d2l-table-controls` component can be placed in the `d2l-table-wrapper`'s `controls` slot to provide a selection summary, a slot for `d2l-selection-action`s, and overflow-group behaviour.
298
298
 
299
- <!-- docs: demo live name:d2l-table-header display:block -->
299
+ <!-- docs: demo live name:d2l-table-controls display:block -->
300
300
  ```html
301
301
  <script type="module">
302
302
  import '@brightspace-ui/core/components/selection/selection-action.js';
303
303
  import '@brightspace-ui/core/components/selection/selection-input.js';
304
304
  import '@brightspace-ui/core/components/selection/selection-select-all.js';
305
- import '@brightspace-ui/core/components/table/table-header.js';
305
+ import '@brightspace-ui/core/components/table/table-controls.js';
306
306
  import { html, LitElement } from 'lit';
307
307
  import { tableStyles } from '@brightspace-ui/core/components/table/table-wrapper.js';
308
308
 
309
- class SampleTableWithHeader extends LitElement {
309
+ class SampleTableWithControls extends LitElement {
310
310
 
311
311
  static get properties() {
312
312
  return {
@@ -329,10 +329,10 @@ The `d2l-table-header` component can be placed in the `d2l-table-wrapper`'s `hea
329
329
  render() {
330
330
  return html`
331
331
  <d2l-table-wrapper>
332
- <d2l-table-header slot="header" no-sticky>
332
+ <d2l-table-controls slot="controls" no-sticky>
333
333
  <d2l-selection-action icon="tier1:delete" text="Delete" requires-selection></d2l-selection-action>
334
334
  <d2l-selection-action icon="tier1:gear" text="Settings"></d2l-selection-action>
335
- </d2l-table-header>
335
+ </d2l-table-controls>
336
336
  <table class="d2l-table">
337
337
  <thead>
338
338
  <tr>
@@ -361,9 +361,9 @@ The `d2l-table-header` component can be placed in the `d2l-table-wrapper`'s `hea
361
361
  }
362
362
 
363
363
  }
364
- customElements.define('d2l-sample-table-with-header', SampleTableWithHeader);
364
+ customElements.define('d2l-sample-table-with-controls', SampleTableWithControls);
365
365
  </script>
366
- <d2l-sample-table-with-header></d2l-sample-table-with-header>
366
+ <d2l-sample-table-with-controls></d2l-sample-table-with-controls>
367
367
  ```
368
368
 
369
369
  <!-- docs: start hidden content -->
@@ -372,6 +372,6 @@ The `d2l-table-header` component can be placed in the `d2l-table-wrapper`'s `hea
372
372
  | Property | Type | Description |
373
373
  |---|---|---|
374
374
  | `no-selection` | Boolean | Whether to render the selection summary |
375
- | `no-sticky` | Boolean | Disables sticky positioning for the header |
375
+ | `no-sticky` | Boolean | Disables sticky positioning for the controls |
376
376
  | `select-all-pages-allowed` | Boolean | Whether all pages can be selected |
377
377
  <!-- docs: end hidden content -->
package/components/table/demo/table-test.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import '../table-col-sort-button.js';
2
- import '../table-header.js';
2
+ import '../table-controls.js';
3
3
  import '../../dropdown/dropdown-button-subtle.js';
4
4
  import '../../dropdown/dropdown-menu.js';
5
5
  import '../../menu/menu.js';
@@ -60,7 +60,7 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
60
60
  });
61
61
  return html`
62
62
  <d2l-table-wrapper>
63
- <d2l-table-header slot="header" no-sticky>
63
+ <d2l-table-controls slot="controls" no-sticky>
64
64
  <d2l-selection-action icon="tier1:plus-default" text="Add" @d2l-selection-action-click="${this._handleAddItem}"></d2l-selection-action>
65
65
  <d2l-selection-action-dropdown text="Move To" requires-selection>
66
66
  <d2l-dropdown-menu>
@@ -85,7 +85,7 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
85
85
  </d2l-dropdown-menu>
86
86
  </d2l-dropdown-button-subtle>
87
87
  <d2l-selection-action icon="tier1:gear" text="Settings" requires-selection></d2l-selection-action>
88
- </d2l-table-header>
88
+ </d2l-table-controls>
89
89
 
90
90
  <table class="d2l-table">
91
91
  <thead>
package/components/table/{table-header.js → table-controls.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import '../selection/selection-select-all-pages.js';
2
2
  import '../selection/selection-summary.js';
3
3
  import { html, nothing } from 'lit';
4
- import { SelectionHeader } from '../selection/selection-header.js';
4
+ import { SelectionControls } from '../selection/selection-controls.js';
5
5
 
6
6
  /**
7
- * A header for table components containing a selection summary and selection actions.
7
+ * Controls for table components containing a selection summary and selection actions.
8
8
  */
9
- class TableHeader extends SelectionHeader {
9
+ class TableControls extends SelectionControls {
10
10
  static get properties() {
11
11
  return {
12
12
  /**
@@ -29,4 +29,4 @@ class TableHeader extends SelectionHeader {
29
29
  }
30
30
  }
31
31
 
32
- customElements.define('d2l-table-header', TableHeader);
32
+ customElements.define('d2l-table-controls', TableControls);
package/components/table/table-wrapper.js CHANGED
@@ -171,7 +171,7 @@ export const tableStyles = css`
171
171
  /**
172
172
  * Wraps a native <table> element, providing styling and scroll buttons for overflow.
173
173
  * @slot - Content to wrap
174
- * @slot header - Slot for `d2l-table-header` to be rendered above the table
174
+ * @slot controls - Slot for `d2l-table-controls` to be rendered above the table
175
175
  */
176
176
  export class TableWrapper extends RtlMixin(SelectionMixin(LitElement)) {
177
177
 
@@ -253,7 +253,7 @@ export class TableWrapper extends RtlMixin(SelectionMixin(LitElement)) {
253
253
  render() {
254
254
  const slot = html`<slot @slotchange="${this._handleSlotChange}"></slot>`;
255
255
  return html`
256
- <slot name="header"></slot>
256
+ <slot name="controls"></slot>
257
257
  ${this.stickyHeaders ? slot : html`<d2l-scroll-wrapper>${slot}</d2l-scroll-wrapper>`}
258
258
  `;
259
259
  }
package/custom-elements.json CHANGED
@@ -7268,7 +7268,7 @@
7268
7268
  "type": "boolean"
7269
7269
  },
7270
7270
  {
7271
- "name": "include-list-header",
7271
+ "name": "include-list-controls",
7272
7272
  "type": "boolean"
7273
7273
  },
7274
7274
  {
@@ -7324,8 +7324,8 @@
7324
7324
  "type": "boolean"
7325
7325
  },
7326
7326
  {
7327
- "name": "includeListHeader",
7328
- "attribute": "include-list-header",
7327
+ "name": "includeListControls",
7328
+ "attribute": "include-list-controls",
7329
7329
  "type": "boolean"
7330
7330
  },
7331
7331
  {
@@ -7660,10 +7660,86 @@
7660
7660
  }
7661
7661
  ]
7662
7662
  },
7663
+ {
7664
+ "name": "d2l-list-controls",
7665
+ "path": "./components/list/list-controls.js",
7666
+ "description": "Controls for list components containing select-all, etc.",
7667
+ "attributes": [
7668
+ {
7669
+ "name": "no-selection",
7670
+ "description": "Whether to render select-all and selection summary",
7671
+ "type": "boolean",
7672
+ "default": "false"
7673
+ },
7674
+ {
7675
+ "name": "no-sticky",
7676
+ "description": "Disables sticky positioning for the controls",
7677
+ "type": "boolean",
7678
+ "default": "false"
7679
+ },
7680
+ {
7681
+ "name": "select-all-pages-allowed",
7682
+ "description": "Whether all pages can be selected",
7683
+ "type": "boolean",
7684
+ "default": "false"
7685
+ },
7686
+ {
7687
+ "name": "selection-for",
7688
+ "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
7689
+ "type": "string"
7690
+ }
7691
+ ],
7692
+ "properties": [
7693
+ {
7694
+ "name": "noSelection",
7695
+ "attribute": "no-selection",
7696
+ "description": "Whether to render select-all and selection summary",
7697
+ "type": "boolean",
7698
+ "default": "false"
7699
+ },
7700
+ {
7701
+ "name": "noSticky",
7702
+ "attribute": "no-sticky",
7703
+ "description": "Disables sticky positioning for the controls",
7704
+ "type": "boolean",
7705
+ "default": "false"
7706
+ },
7707
+ {
7708
+ "name": "selectAllPagesAllowed",
7709
+ "attribute": "select-all-pages-allowed",
7710
+ "description": "Whether all pages can be selected",
7711
+ "type": "boolean",
7712
+ "default": "false"
7713
+ },
7714
+ {
7715
+ "name": "selectionFor",
7716
+ "attribute": "selection-for",
7717
+ "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
7718
+ "type": "string"
7719
+ },
7720
+ {
7721
+ "name": "selectionInfo"
7722
+ },
7723
+ {
7724
+ "name": "documentLocaleSettings",
7725
+ "default": "\"getDocumentLocaleSettings()\""
7726
+ }
7727
+ ],
7728
+ "events": [
7729
+ {
7730
+ "name": "d2l-selection-observer-subscribe"
7731
+ }
7732
+ ],
7733
+ "slots": [
7734
+ {
7735
+ "name": "",
7736
+ "description": "Responsive container using `d2l-overflow-group` for `d2l-selection-action` elements"
7737
+ }
7738
+ ]
7739
+ },
7663
7740
  {
7664
7741
  "name": "d2l-list-header",
7665
7742
  "path": "./components/list/list-header.js",
7666
- "description": "A header for list components containing select-all, etc.",
7667
7743
  "attributes": [
7668
7744
  {
7669
7745
  "name": "no-selection",
@@ -7673,7 +7749,7 @@
7673
7749
  },
7674
7750
  {
7675
7751
  "name": "no-sticky",
7676
- "description": "Disables sticky positioning for the header",
7752
+ "description": "Disables sticky positioning for the controls",
7677
7753
  "type": "boolean",
7678
7754
  "default": "false"
7679
7755
  },
@@ -7700,7 +7776,7 @@
7700
7776
  {
7701
7777
  "name": "noSticky",
7702
7778
  "attribute": "no-sticky",
7703
- "description": "Disables sticky positioning for the header",
7779
+ "description": "Disables sticky positioning for the controls",
7704
7780
  "type": "boolean",
7705
7781
  "default": "false"
7706
7782
  },
@@ -8613,8 +8689,8 @@
8613
8689
  "description": "Slot for list items (ex. `d2l-list-item`, `d2l-list-item-button`, or custom items)"
8614
8690
  },
8615
8691
  {
8616
- "name": "header",
8617
- "description": "Slot for `d2l-list-header` to be rendered above the list"
8692
+ "name": "controls",
8693
+ "description": "Slot for `d2l-list-controls` to be rendered above the list"
8618
8694
  },
8619
8695
  {
8620
8696
  "name": "pager",
@@ -10012,7 +10088,7 @@
10012
10088
  {
10013
10089
  "name": "d2l-selection-action-menu-item",
10014
10090
  "path": "./components/selection/selection-action-menu-item.js",
10015
- "description": "An action menu-item component used within selection controls such as d2l-list and d2l-list-header.",
10091
+ "description": "An action menu-item component used within selection controls such as d2l-list and d2l-list-controls.",
10016
10092
  "attributes": [
10017
10093
  {
10018
10094
  "name": "requires-selection",
@@ -10203,9 +10279,9 @@
10203
10279
  ]
10204
10280
  },
10205
10281
  {
10206
- "name": "d2l-selection-header",
10207
- "path": "./components/selection/selection-header.js",
10208
- "description": "A header for selection components (e.g. list, table-wrapper) containing select-all, etc.",
10282
+ "name": "d2l-selection-controls",
10283
+ "path": "./components/selection/selection-controls.js",
10284
+ "description": "Controls for selection components (e.g. list, table-wrapper) containing select-all, etc.",
10209
10285
  "attributes": [
10210
10286
  {
10211
10287
  "name": "no-selection",
@@ -10215,7 +10291,7 @@
10215
10291
  },
10216
10292
  {
10217
10293
  "name": "no-sticky",
10218
- "description": "Disables sticky positioning for the header",
10294
+ "description": "Disables sticky positioning for the controls",
10219
10295
  "type": "boolean",
10220
10296
  "default": "false"
10221
10297
  },
@@ -10242,7 +10318,7 @@
10242
10318
  {
10243
10319
  "name": "noSticky",
10244
10320
  "attribute": "no-sticky",
10245
- "description": "Disables sticky positioning for the header",
10321
+ "description": "Disables sticky positioning for the controls",
10246
10322
  "type": "boolean",
10247
10323
  "default": "false"
10248
10324
  },
@@ -11087,8 +11163,8 @@
11087
11163
  "description": "Content to wrap"
11088
11164
  },
11089
11165
  {
11090
- "name": "header",
11091
- "description": "Slot for `d2l-table-header` to be rendered above the table"
11166
+ "name": "controls",
11167
+ "description": "Slot for `d2l-table-controls` to be rendered above the table"
11092
11168
  }
11093
11169
  ]
11094
11170
  },
@@ -11134,9 +11210,9 @@
11134
11210
  ]
11135
11211
  },
11136
11212
  {
11137
- "name": "d2l-table-header",
11138
- "path": "./components/table/table-header.js",
11139
- "description": "A header for table components containing a selection summary and selection actions.",
11213
+ "name": "d2l-table-controls",
11214
+ "path": "./components/table/table-controls.js",
11215
+ "description": "Controls for table components containing a selection summary and selection actions.",
11140
11216
  "attributes": [
11141
11217
  {
11142
11218
  "name": "no-selection",
@@ -11146,7 +11222,7 @@
11146
11222
  },
11147
11223
  {
11148
11224
  "name": "no-sticky",
11149
- "description": "Disables sticky positioning for the header",
11225
+ "description": "Disables sticky positioning for the controls",
11150
11226
  "type": "boolean",
11151
11227
  "default": "false"
11152
11228
  },
@@ -11173,7 +11249,7 @@
11173
11249
  {
11174
11250
  "name": "noSticky",
11175
11251
  "attribute": "no-sticky",
11176
- "description": "Disables sticky positioning for the header",
11252
+ "description": "Disables sticky positioning for the controls",
11177
11253
  "type": "boolean",
11178
11254
  "default": "false"
11179
11255
  },
@@ -11300,14 +11376,14 @@
11300
11376
  "description": "Content to wrap"
11301
11377
  },
11302
11378
  {
11303
- "name": "header",
11304
- "description": "Slot for `d2l-table-header` to be rendered above the table"
11379
+ "name": "controls",
11380
+ "description": "Slot for `d2l-table-controls` to be rendered above the table"
11305
11381
  }
11306
11382
  ]
11307
11383
  },
11308
11384
  {
11309
- "name": "d2l-test-table-header-visual-diff",
11310
- "path": "./components/table/test/table-test-header-visual-diff.js"
11385
+ "name": "d2l-test-table-controls-visual-diff",
11386
+ "path": "./components/table/test/table-test-controls-visual-diff.js"
11311
11387
  },
11312
11388
  {
11313
11389
  "name": "d2l-test-table-sticky-visual-diff",
package/lang/ar.js CHANGED
@@ -62,7 +62,7 @@ export default {
62
62
  "components.input-time-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
63
63
  "components.input-time-range.startTime": "وقت البدء",
64
64
  "components.interactive.instructions": "اضغط على Enter للتفاعل، وEscape للخروج",
65
- "components.list-header.label": "إجراءات القائمة",
65
+ "components.list-controls.label": "إجراءات القائمة",
66
66
  "components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
67
67
  "components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",
68
68
  "components.list-item-tooltip.title": "التنقل عبر لوحة المفاتيح للقوائم:",
@@ -98,7 +98,7 @@ export default {
98
98
  "components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
99
99
  "components.selection.selected": "تم تحديد {count}",
100
100
  "components.selection.selected-plus": "تم تحديد {count}+‎",
101
- "components.selection-header.label": "إجراءات التحديد",
101
+ "components.selection-controls.label": "إجراءات التحديد",
102
102
  "components.switch.visible": "مرئي",
103
103
  "components.switch.visibleWithPeriod": "مرئي.",
104
104
  "components.switch.hidden": "مخفي",
package/lang/cy.js CHANGED
@@ -62,7 +62,7 @@ export default {
62
62
  "components.input-time-range.errorBadInput": "Rhaid i {startLabel} fod cyn {endLabel}",
63
63
  "components.input-time-range.startTime": "Amser Dechrau",
64
64
  "components.interactive.instructions": "Pwyswch Enter i ryngweithio, Escape i adael",
65
- "components.list-header.label": "Camau gweithredu ar gyfer rhestr",
65
+ "components.list-controls.label": "Camau gweithredu ar gyfer rhestr",
66
66
  "components.list-item-drag-handle.default": "Aildrefnu gweithred eitem ar gyfer {name}",
67
67
  "components.list-item-drag-handle.keyboard": "Aildrefnu eitemau, safle presennol {currentPosition} allan o {size}. I symud yr eitem hon, pwyswch y saeth i fyny neu'r saeth i lawr.",
68
68
  "components.list-item-tooltip.title": "Llywio Bysellfwrdd ar gyfer Rhestrau:",
@@ -98,7 +98,7 @@ export default {
98
98
  "components.selection.select-all-items": "Dewis Pob {count} Eitem",
99
99
  "components.selection.selected": "{count} wedi’u dewis.",
100
100
  "components.selection.selected-plus": "{count}+ wedi’u dewis",
101
- "components.selection-header.label": "Camau gweithredu ar gyfer detholiad",
101
+ "components.selection-controls.label": "Camau gweithredu ar gyfer detholiad",
102
102
  "components.switch.visible": "Gweladwy",
103
103
  "components.switch.visibleWithPeriod": "Gweladwy.",
104
104
  "components.switch.hidden": "Cudd",
package/lang/da.js CHANGED
@@ -62,7 +62,7 @@ export default {
62
62
  "components.input-time-range.errorBadInput": "{startLabel} skal være før {endLabel}",
63
63
  "components.input-time-range.startTime": "Starttidspunkt",
64
64
  "components.interactive.instructions": "Tryk på Enter for at interagere, Escape for at afslutte",
65
- "components.list-header.label": "Handlinger for liste",
65
+ "components.list-controls.label": "Handlinger for liste",
66
66
  "components.list-item-drag-handle.default": "Omarranger elementhandling for {name}",
67
67
  "components.list-item-drag-handle.keyboard": "Omarranger element, aktuel position {currentPosition} ud af {size}. For at flytte dette element skal du trykke på pil op eller pil ned.",
68
68
  "components.list-item-tooltip.title": "Tastaturnavigering for lister:",
@@ -98,7 +98,7 @@ export default {
98
98
  "components.selection.select-all-items": "Vælg alle {count} elementer",
99
99
  "components.selection.selected": "{count} valgt",
100
100
  "components.selection.selected-plus": "{count}+ valgt",
101
- "components.selection-header.label": "Handlinger for valg",
101
+ "components.selection-controls.label": "Handlinger for valg",
102
102
  "components.switch.visible": "Synlig",
103
103
  "components.switch.visibleWithPeriod": "Synlig.",
104
104
  "components.switch.hidden": "Skjult",