@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.
Files changed (95) hide show
  1. package/components/backdrop/README.md +5 -6
  2. package/components/backdrop/backdrop.js +3 -0
  3. package/components/breadcrumbs/breadcrumbs.js +2 -1
  4. package/components/button/button-icon.js +1 -0
  5. package/components/button/button-mixin.js +2 -0
  6. package/components/button/button-subtle.js +1 -0
  7. package/components/button/button.js +1 -0
  8. package/components/button/floating-buttons.js +1 -0
  9. package/components/calendar/calendar.js +1 -1
  10. package/components/card/card-footer-link.js +12 -2
  11. package/components/card/card-loading-shimmer.js +1 -0
  12. package/components/card/card.js +9 -0
  13. package/components/dialog/dialog-confirm.js +1 -2
  14. package/components/dialog/dialog-fullscreen.js +4 -5
  15. package/components/dialog/dialog-mixin.js +2 -0
  16. package/components/dialog/dialog.js +0 -2
  17. package/components/dropdown/dropdown-button-subtle.js +3 -3
  18. package/components/dropdown/dropdown-button.js +2 -0
  19. package/components/dropdown/dropdown-content-mixin.js +19 -0
  20. package/components/dropdown/dropdown-content.js +0 -3
  21. package/components/dropdown/dropdown-context-menu.js +2 -0
  22. package/components/dropdown/dropdown-menu.js +0 -3
  23. package/components/dropdown/dropdown-more.js +2 -0
  24. package/components/dropdown/dropdown-opener-mixin.js +2 -0
  25. package/components/dropdown/dropdown-tabs.js +0 -3
  26. package/components/filter/filter-dimension-set-value.js +3 -0
  27. package/components/filter/filter-dimension-set.js +5 -1
  28. package/components/form/form-mixin.js +1 -0
  29. package/components/form/form-native.js +0 -1
  30. package/components/form/form.js +0 -1
  31. package/components/inputs/input-date-range.js +9 -1
  32. package/components/inputs/input-date-time-range-to.js +3 -0
  33. package/components/inputs/input-date-time-range.js +10 -1
  34. package/components/inputs/input-date-time.js +7 -1
  35. package/components/inputs/input-date.js +7 -1
  36. package/components/inputs/input-fieldset.js +3 -0
  37. package/components/inputs/input-radio-styles.js +2 -1
  38. package/components/inputs/input-time-range.js +10 -1
  39. package/components/inputs/input-time.js +6 -1
  40. package/components/link/README.md +1 -1
  41. package/components/list/README.md +11 -10
  42. package/components/list/demo/list-item-custom.js +7 -3
  43. package/components/list/demo/list-nested.html +6 -62
  44. package/components/list/list-item-button-mixin.js +1 -0
  45. package/components/list/list-item-button.js +0 -3
  46. package/components/list/list-item-checkbox-mixin.js +1 -0
  47. package/components/list/list-item-drag-drop-mixin.js +2 -0
  48. package/components/list/list-item-generic-layout.js +85 -14
  49. package/components/list/list-item-link-mixin.js +1 -0
  50. package/components/list/list-item.js +0 -3
  51. package/components/list/list.js +29 -2
  52. package/components/menu/menu-item-checkbox.js +0 -4
  53. package/components/menu/menu-item-link.js +0 -2
  54. package/components/menu/menu-item-mixin.js +3 -0
  55. package/components/menu/menu-item-radio.js +0 -3
  56. package/components/menu/menu-item-selectable-mixin.js +2 -0
  57. package/components/menu/menu-item.js +0 -2
  58. package/components/overflow-group/overflow-group.js +4 -3
  59. package/components/scroll-wrapper/scroll-wrapper.js +1 -2
  60. package/components/selection/selection-action.js +4 -0
  61. package/components/selection/selection-input.js +9 -2
  62. package/components/selection/selection-mixin.js +3 -1
  63. package/components/selection/selection-observer-mixin.js +3 -1
  64. package/components/selection/selection-select-all.js +2 -0
  65. package/components/selection/selection-summary.js +3 -1
  66. package/components/skeleton/skeleton-mixin.js +1 -0
  67. package/components/status-indicator/status-indicator.js +2 -0
  68. package/components/switch/switch-mixin.js +1 -0
  69. package/components/switch/switch-visibility.js +3 -0
  70. package/components/switch/switch.js +3 -0
  71. package/components/table/table-col-sort-button.js +0 -2
  72. package/components/table/table-wrapper.js +0 -2
  73. package/components/tabs/tab-panel-mixin.js +2 -0
  74. package/components/tabs/tab-panel.js +0 -2
  75. package/custom-elements.json +86 -119
  76. package/helpers/focus.js +4 -2
  77. package/lang/ar.js +7 -7
  78. package/lang/cy.js +7 -7
  79. package/lang/da.js +7 -7
  80. package/lang/de.js +7 -7
  81. package/lang/es-es.js +7 -7
  82. package/lang/es.js +8 -8
  83. package/lang/fr-fr.js +8 -8
  84. package/lang/fr.js +7 -7
  85. package/lang/ja.js +8 -8
  86. package/lang/ko.js +7 -7
  87. package/lang/nl.js +8 -8
  88. package/lang/pt.js +7 -7
  89. package/lang/sv.js +7 -7
  90. package/lang/tr.js +7 -7
  91. package/lang/zh-tw.js +7 -7
  92. package/lang/zh.js +8 -8
  93. package/mixins/labelled-mixin.js +1 -0
  94. package/package.json +1 -1
  95. 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