@brightspace-ui/core 3.267.3 → 3.268.1

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 (109) hide show
  1. package/components/collapsible-panel/README.md +11 -15
  2. package/components/demo/code-view.js +6 -10
  3. package/components/demo/demo-page-settings.js +25 -29
  4. package/components/demo/demo-page.js +32 -36
  5. package/components/demo/demo-snippet.js +95 -99
  6. package/components/description-list/README.md +25 -33
  7. package/components/description-list/demo/description-list-test.js +36 -39
  8. package/components/dialog/README.md +3 -5
  9. package/components/form/docs/form-element-mixin.md +11 -14
  10. package/components/form/docs/form-element-nesting.md +4 -6
  11. package/components/form/docs/form-element-wrapping.md +1 -3
  12. package/components/hierarchical-view/README.md +8 -11
  13. package/components/inputs/docs/input-select-styles.md +4 -9
  14. package/components/inputs/docs/styling-native-inputs.md +11 -25
  15. package/components/inputs/input-select-styles.js +30 -25
  16. package/components/link/README.md +1 -1
  17. package/components/list/README.md +8 -16
  18. package/components/menu/menu-item-checkbox.js +1 -3
  19. package/components/menu/menu-item-link.js +27 -33
  20. package/components/menu/menu-item-mixin.js +52 -54
  21. package/components/menu/menu-item-radio.js +1 -3
  22. package/components/menu/menu-item-return.js +18 -22
  23. package/components/menu/menu-item-selectable-mixin.js +12 -14
  24. package/components/menu/menu-item-separator.js +9 -11
  25. package/components/menu/menu-item.js +11 -15
  26. package/components/menu/menu.js +50 -54
  27. package/components/meter/meter-circle.js +3 -4
  28. package/components/meter/meter-linear.js +86 -88
  29. package/components/meter/meter-mixin.js +34 -36
  30. package/components/meter/meter-radial.js +3 -4
  31. package/components/more-less/more-less.js +57 -61
  32. package/components/object-property-list/object-property-list-item-link.js +18 -19
  33. package/components/object-property-list/object-property-list-item-tooltip-help.js +8 -9
  34. package/components/object-property-list/object-property-list-item.js +52 -55
  35. package/components/object-property-list/object-property-list.js +24 -27
  36. package/components/offscreen/README.md +1 -1
  37. package/components/offscreen/offscreen.js +13 -15
  38. package/components/offscreen/screen-reader-pause.js +1 -3
  39. package/components/overflow-group/README.md +1 -3
  40. package/components/overflow-group/overflow-group-mixin.js +55 -59
  41. package/components/overflow-group/overflow-group.js +38 -42
  42. package/components/page/page-header-button.js +41 -45
  43. package/components/page/page-header-custom.js +108 -112
  44. package/components/page/page-header-immersive.js +65 -69
  45. package/components/page/page-header-separator.js +12 -14
  46. package/components/paging/pageable-mixin.js +3 -5
  47. package/components/paging/pageable-subscriber-mixin.js +8 -10
  48. package/components/paging/pager-load-more.js +47 -51
  49. package/components/popover/popover-mixin.js +186 -190
  50. package/components/progress/progress.js +160 -164
  51. package/components/scroll-wrapper/scroll-wrapper.js +109 -113
  52. package/components/selection/README.md +5 -7
  53. package/components/selection/demo/demo-selection.js +5 -7
  54. package/components/selection/selection-action-dropdown.js +9 -13
  55. package/components/selection/selection-action-menu-item.js +11 -15
  56. package/components/selection/selection-action.js +20 -24
  57. package/components/selection/selection-controls.js +92 -96
  58. package/components/selection/selection-input.js +40 -44
  59. package/components/selection/selection-mixin.js +11 -13
  60. package/components/selection/selection-observer-mixin.js +14 -16
  61. package/components/selection/selection-select-all-pages.js +8 -10
  62. package/components/selection/selection-select-all.js +16 -20
  63. package/components/selection/selection-summary.js +18 -22
  64. package/components/skeleton/README.md +2 -6
  65. package/components/skeleton/skeleton-group-mixin.js +3 -5
  66. package/components/skeleton/skeleton-mixin.js +7 -9
  67. package/components/skip-nav/skip-nav-custom.js +33 -37
  68. package/components/sorting/sort.js +11 -13
  69. package/components/status-indicator/status-indicator.js +75 -79
  70. package/components/switch/switch-mixin.js +145 -149
  71. package/components/switch/switch-visibility.js +11 -15
  72. package/components/switch/switch.js +5 -7
  73. package/components/table/README.md +19 -37
  74. package/components/table/demo/table-test.js +27 -31
  75. package/components/table/table-col-sort-button-item.js +1 -3
  76. package/components/table/table-col-sort-button.js +105 -109
  77. package/components/table/table-controls.js +18 -21
  78. package/components/table/table-wrapper.js +124 -128
  79. package/components/tabs/tab-internal.js +72 -76
  80. package/components/tabs/tab-mixin.js +22 -24
  81. package/components/tabs/tab-panel-mixin.js +47 -51
  82. package/components/tabs/tab.js +7 -9
  83. package/components/tabs/tabs.js +171 -175
  84. package/components/tag-list/tag-list-item-mixin.js +103 -107
  85. package/components/tag-list/tag-list-item.js +13 -15
  86. package/components/tag-list/tag-list.js +54 -58
  87. package/components/tooltip/tooltip-help.js +67 -71
  88. package/components/tooltip/tooltip.js +103 -107
  89. package/components/typography/README.md +5 -7
  90. package/components/validation/validation-custom-mixin.js +4 -6
  91. package/components/view-switcher/view-switcher-button.js +42 -46
  92. package/components/view-switcher/view-switcher.js +26 -29
  93. package/controllers/subscriber/README.md +7 -11
  94. package/custom-elements.json +1026 -3850
  95. package/helpers/focus.js +5 -1
  96. package/mixins/arrow-keys/arrow-keys-mixin.js +10 -12
  97. package/mixins/async-container/async-container-mixin.js +10 -12
  98. package/mixins/collection/collection-mixin.js +7 -9
  99. package/mixins/interactive/interactive-mixin.js +10 -14
  100. package/mixins/labelled/README.md +3 -5
  101. package/mixins/labelled/labelled-mixin.js +26 -30
  102. package/mixins/provider/README.md +5 -7
  103. package/mixins/rtl/README.md +5 -7
  104. package/mixins/rtl/rtl-mixin.js +7 -9
  105. package/mixins/theme/theme-mixin.js +6 -8
  106. package/mixins/visible-on-ancestor/README.md +1 -3
  107. package/mixins/visible-on-ancestor/visible-on-ancestor-mixin.js +11 -13
  108. package/package.json +1 -1
  109. package/templates/primary-secondary/primary-secondary.js +373 -377
@@ -7,36 +7,33 @@ import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
7
7
  */
8
8
  class ViewSwitcher extends LocalizeCoreElement(LitElement) {
9
9
 
10
- static get properties() {
11
- return {
12
- /**
13
- * ACCESSIBILITY: Label for the switcher
14
- * @type {string}
15
- */
16
- label: { type: String, required: true },
17
- _count: { state: true }
18
- };
19
- }
10
+ static properties = {
11
+ /**
12
+ * ACCESSIBILITY: Label for the switcher
13
+ * @type {string}
14
+ */
15
+ label: { type: String, required: true },
16
+ _count: { state: true }
17
+ };
18
+
19
+ static styles = css`
20
+ :host {
21
+ display: inline-block;
22
+ }
23
+ :host([hidden]) {
24
+ display: none;
25
+ }
26
+ .container {
27
+ align-items: center;
28
+ background-color: var(--d2l-color-gypsum);
29
+ border-radius: 0.3rem;
30
+ box-sizing: border-box;
31
+ display: flex;
32
+ gap: 0.3rem;
33
+ padding: 0.3rem;
34
+ }
35
+ `;
20
36
 
21
- static get styles() {
22
- return css`
23
- :host {
24
- display: inline-block;
25
- }
26
- :host([hidden]) {
27
- display: none;
28
- }
29
- .container {
30
- align-items: center;
31
- background-color: var(--d2l-color-gypsum);
32
- border-radius: 0.3rem;
33
- box-sizing: border-box;
34
- display: flex;
35
- gap: 0.3rem;
36
- padding: 0.3rem;
37
- }
38
- `;
39
- }
40
37
  constructor() {
41
38
  super();
42
39
  this._count = 0;
@@ -51,11 +51,9 @@ Like the `SubscriberRegistryController`, these `*subscriberController`s take opt
51
51
  import { EventSubscriberController, IdSubscriberController } from '@brightspace-ui/core/controllers/subscriber/subscriberControllers.js';
52
52
 
53
53
  class GeneralViewer extends LitElement {
54
- static get properties() {
55
- return {
56
- _subscribedChannels: { type: Object }
57
- };
58
- }
54
+ static properties = {
55
+ _subscribedChannels: { type: Object }
56
+ };
59
57
 
60
58
  constructor() {
61
59
  super();
@@ -80,12 +78,10 @@ class GeneralViewer extends LitElement {
80
78
  }
81
79
 
82
80
  class YoungerViewer extends LitElement {
83
- static get properties() {
84
- return {
85
- for: { type: String },
86
- _subscribedChannels: { type: Object }
87
- };
88
- }
81
+ static properties = {
82
+ for: { type: String },
83
+ _subscribedChannels: { type: Object }
84
+ };
89
85
 
90
86
  constructor() {
91
87
  super();