@brightspace-ui/core 1.196.2 → 1.197.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.
- package/components/backdrop/README.md +5 -6
- package/components/backdrop/backdrop.js +3 -0
- package/components/breadcrumbs/breadcrumbs.js +2 -1
- package/components/button/button-icon.js +1 -0
- package/components/button/button-mixin.js +2 -0
- package/components/button/button-subtle.js +1 -0
- package/components/button/button.js +1 -0
- package/components/button/floating-buttons.js +1 -0
- package/components/calendar/calendar.js +1 -1
- package/components/card/card-footer-link.js +12 -2
- package/components/card/card-loading-shimmer.js +1 -0
- package/components/card/card.js +9 -0
- package/components/dialog/dialog-confirm.js +1 -2
- package/components/dialog/dialog-fullscreen.js +4 -5
- package/components/dialog/dialog-mixin.js +2 -0
- package/components/dialog/dialog.js +0 -2
- package/components/dropdown/dropdown-button-subtle.js +3 -3
- package/components/dropdown/dropdown-button.js +2 -0
- package/components/dropdown/dropdown-content-mixin.js +19 -0
- package/components/dropdown/dropdown-content.js +0 -3
- package/components/dropdown/dropdown-context-menu.js +2 -0
- package/components/dropdown/dropdown-menu.js +0 -3
- package/components/dropdown/dropdown-more.js +2 -0
- package/components/dropdown/dropdown-opener-mixin.js +2 -0
- package/components/dropdown/dropdown-tabs.js +0 -3
- package/components/filter/filter-dimension-set-value.js +3 -0
- package/components/filter/filter-dimension-set.js +5 -1
- package/components/form/form-mixin.js +1 -0
- package/components/form/form-native.js +0 -1
- package/components/form/form.js +0 -1
- package/components/inputs/input-date-range.js +9 -1
- package/components/inputs/input-date-time-range-to.js +3 -0
- package/components/inputs/input-date-time-range.js +10 -1
- package/components/inputs/input-date-time.js +7 -1
- package/components/inputs/input-date.js +7 -1
- package/components/inputs/input-fieldset.js +3 -0
- package/components/inputs/input-radio-styles.js +2 -1
- package/components/inputs/input-time-range.js +10 -1
- package/components/inputs/input-time.js +6 -1
- package/components/link/README.md +1 -1
- package/components/list/README.md +11 -10
- package/components/list/demo/list-item-custom.js +7 -3
- package/components/list/demo/list-nested.html +6 -62
- package/components/list/list-item-button-mixin.js +1 -0
- package/components/list/list-item-button.js +0 -3
- package/components/list/list-item-checkbox-mixin.js +1 -0
- package/components/list/list-item-drag-drop-mixin.js +2 -0
- package/components/list/list-item-generic-layout.js +85 -14
- package/components/list/list-item-link-mixin.js +1 -0
- package/components/list/list-item.js +0 -3
- package/components/list/list.js +29 -2
- package/components/menu/menu-item-checkbox.js +0 -4
- package/components/menu/menu-item-link.js +0 -2
- package/components/menu/menu-item-mixin.js +3 -0
- package/components/menu/menu-item-radio.js +0 -3
- package/components/menu/menu-item-selectable-mixin.js +2 -0
- package/components/menu/menu-item.js +0 -2
- package/components/overflow-group/overflow-group.js +4 -3
- package/components/scroll-wrapper/scroll-wrapper.js +1 -2
- package/components/selection/selection-action.js +4 -0
- package/components/selection/selection-input.js +9 -2
- package/components/selection/selection-mixin.js +3 -1
- package/components/selection/selection-observer-mixin.js +3 -1
- package/components/selection/selection-select-all.js +2 -0
- package/components/selection/selection-summary.js +3 -1
- package/components/skeleton/skeleton-mixin.js +1 -0
- package/components/status-indicator/status-indicator.js +2 -0
- package/components/switch/switch-mixin.js +1 -0
- package/components/switch/switch-visibility.js +3 -0
- package/components/switch/switch.js +3 -0
- package/components/table/table-col-sort-button.js +0 -2
- package/components/table/table-wrapper.js +0 -2
- package/components/tabs/tab-panel-mixin.js +2 -0
- package/components/tabs/tab-panel.js +0 -2
- package/custom-elements.json +86 -119
- package/helpers/focus.js +4 -2
- package/lang/ar.js +7 -7
- package/lang/cy.js +7 -7
- package/lang/da.js +7 -7
- package/lang/de.js +7 -7
- package/lang/es-es.js +7 -7
- package/lang/es.js +8 -8
- package/lang/fr-fr.js +8 -8
- package/lang/fr.js +7 -7
- package/lang/ja.js +8 -8
- package/lang/ko.js +7 -7
- package/lang/nl.js +8 -8
- package/lang/pt.js +7 -7
- package/lang/sv.js +7 -7
- package/lang/tr.js +7 -7
- package/lang/zh-tw.js +7 -7
- package/lang/zh.js +8 -8
- package/mixins/labelled-mixin.js +1 -0
- package/package.json +1 -1
- package/templates/primary-secondary/primary-secondary.js +2 -0
|
@@ -6,13 +6,15 @@ import { SelectionObserverMixin } from './selection-observer-mixin.js';
|
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A summary showing the current selected count.
|
|
9
|
+
* @fires d2l-selection-observer-subscribe - Internal event
|
|
9
10
|
*/
|
|
10
11
|
class Summary extends LocalizeCoreElement(SelectionObserverMixin(LitElement)) {
|
|
11
12
|
|
|
12
13
|
static get properties() {
|
|
13
14
|
return {
|
|
14
15
|
/**
|
|
15
|
-
* Text to display if no items are selected
|
|
16
|
+
* Text to display if no items are selected
|
|
17
|
+
* @type {string}
|
|
16
18
|
*/
|
|
17
19
|
noSelectionText: { type: String, attribute: 'no-selection-text' }
|
|
18
20
|
};
|
|
@@ -148,6 +148,7 @@ export const SkeletonMixin = dedupeMixin(superclass => class extends RtlMixin(su
|
|
|
148
148
|
return {
|
|
149
149
|
/**
|
|
150
150
|
* Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)
|
|
151
|
+
* @type {boolean}
|
|
151
152
|
*/
|
|
152
153
|
skeleton: { reflect: true, type: Boolean }
|
|
153
154
|
};
|
|
@@ -18,12 +18,14 @@ class StatusIndicator extends LitElement {
|
|
|
18
18
|
},
|
|
19
19
|
/**
|
|
20
20
|
* REQUIRED: The text that is displayed within the status indicator
|
|
21
|
+
* @type {string}
|
|
21
22
|
*/
|
|
22
23
|
text: {
|
|
23
24
|
type: String
|
|
24
25
|
},
|
|
25
26
|
/**
|
|
26
27
|
* Use when the status is very important and needs to have a lot of prominence
|
|
28
|
+
* @type {boolean}
|
|
27
29
|
*/
|
|
28
30
|
bold: {
|
|
29
31
|
type: Boolean,
|
|
@@ -234,6 +234,7 @@ export const SwitchMixin = superclass => class extends RtlMixin(FocusVisiblePoly
|
|
|
234
234
|
_toggleState() {
|
|
235
235
|
if (this.disabled) return;
|
|
236
236
|
this.on = !this.on;
|
|
237
|
+
/** Dispatched when the `on` property is updated */
|
|
237
238
|
this.dispatchEvent(new CustomEvent('change', { bubbles: true }));
|
|
238
239
|
}
|
|
239
240
|
};
|
|
@@ -3,6 +3,9 @@ import { html, LitElement } from 'lit-element/lit-element.js';
|
|
|
3
3
|
import { LocalizeCoreElement } from '../../lang/localize-core-element.js';
|
|
4
4
|
import { SwitchMixin } from './switch-mixin.js';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* A variant of the generic switch configured with special icons and default text for toggling "visibility".
|
|
8
|
+
*/
|
|
6
9
|
class VisibilitySwitch extends LocalizeCoreElement(SwitchMixin(LitElement)) {
|
|
7
10
|
|
|
8
11
|
get text() {
|
|
@@ -4,6 +4,9 @@ import '../icons/icon-custom.js';
|
|
|
4
4
|
import { html, LitElement } from 'lit-element/lit-element.js';
|
|
5
5
|
import { SwitchMixin } from './switch-mixin.js';
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* A generic switch with on/off semantics.
|
|
9
|
+
*/
|
|
7
10
|
class Switch extends SwitchMixin(LitElement) {
|
|
8
11
|
|
|
9
12
|
get offIcon() {
|
|
@@ -2,9 +2,7 @@ import '../icons/icon.js';
|
|
|
2
2
|
import { css, html, LitElement } from 'lit-element/lit-element.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
6
5
|
* Button for sorting a table column in ascending/descending order.
|
|
7
|
-
*
|
|
8
6
|
* @slot - Text of the sort button
|
|
9
7
|
*/
|
|
10
8
|
export class TableColSortButton extends LitElement {
|
|
@@ -164,9 +164,7 @@ export const tableStyles = css`
|
|
|
164
164
|
`;
|
|
165
165
|
|
|
166
166
|
/**
|
|
167
|
-
*
|
|
168
167
|
* Wraps a native <table> element, providing styling and scroll buttons for overflow.
|
|
169
|
-
*
|
|
170
168
|
* @slot - Content to wrap
|
|
171
169
|
*/
|
|
172
170
|
export class TableWrapper extends RtlMixin(LitElement) {
|
|
@@ -55,6 +55,7 @@ export const TabPanelMixin = superclass => class extends superclass {
|
|
|
55
55
|
super.attributeChangedCallback(name, oldval, newval);
|
|
56
56
|
if (name === 'text') {
|
|
57
57
|
this.setAttribute('aria-label', this.text);
|
|
58
|
+
/** Dispatched when the text attribute is changed */
|
|
58
59
|
this.dispatchEvent(new CustomEvent(
|
|
59
60
|
'd2l-tab-panel-text-changed', { bubbles: true, composed: true, detail: { text: this.text } }
|
|
60
61
|
));
|
|
@@ -73,6 +74,7 @@ export const TabPanelMixin = superclass => class extends superclass {
|
|
|
73
74
|
if (prop === 'selected') {
|
|
74
75
|
if (this.selected) {
|
|
75
76
|
requestAnimationFrame(() => {
|
|
77
|
+
/** Dispatched when a tab is selected */
|
|
76
78
|
this.dispatchEvent(new CustomEvent(
|
|
77
79
|
'd2l-tab-panel-selected', { bubbles: true, composed: true }
|
|
78
80
|
));
|
|
@@ -4,8 +4,6 @@ import { TabPanelMixin } from './tab-panel-mixin.js';
|
|
|
4
4
|
/**
|
|
5
5
|
* A component for tab panel content.
|
|
6
6
|
* @slot - Default content in tab panel
|
|
7
|
-
* @fires d2l-tab-panel-text-changed - Dispatched when the text attribute is changed
|
|
8
|
-
* @fires d2l-tab-panel-selected - Dispatched when a tab is selected
|
|
9
7
|
*/
|
|
10
8
|
class TabPanel extends TabPanelMixin(LitElement) {
|
|
11
9
|
|