@brightspace-ui/core 3.88.3 → 3.89.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 (17) hide show
  1. package/components/dropdown/demo/dropdown-menu.html +7 -0
  2. package/components/dropdown/demo/dropdown-tabs.html +7 -0
  3. package/components/dropdown/demo/dropdown.html +7 -2
  4. package/components/dropdown/dropdown-content.js +32 -15
  5. package/components/dropdown/dropdown-menu.js +291 -116
  6. package/components/dropdown/dropdown-opener-mixin.js +21 -6
  7. package/components/dropdown/dropdown-popover-mixin.js +366 -0
  8. package/components/dropdown/dropdown-tabs.js +112 -48
  9. package/components/popover/demo/popover.html +2 -2
  10. package/components/popover/popover-mixin.js +120 -100
  11. package/components/tabs/tab-internal.js +3 -12
  12. package/components/tabs/tab-mixin.js +0 -1
  13. package/components/tabs/tab.js +0 -1
  14. package/components/tabs/tabs.js +21 -66
  15. package/custom-elements.json +17 -36
  16. package/helpers/flags.js +1 -0
  17. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -2554,7 +2554,7 @@
2554
2554
  {
2555
2555
  "name": "d2l-dropdown-content",
2556
2556
  "path": "./components/dropdown/dropdown-content.js",
2557
- "description": "A generic container for dropdown content. It provides behavior such as sizing, positioning, and managing focus gain/loss.",
2557
+ "description": "A generic container for dropdown content. It provides behavior such as sizing, positioning, and managing focus gain/loss.",
2558
2558
  "attributes": [
2559
2559
  {
2560
2560
  "name": "align",
@@ -2599,7 +2599,8 @@
2599
2599
  {
2600
2600
  "name": "opened",
2601
2601
  "description": "Whether the dropdown is open or not",
2602
- "type": "boolean"
2602
+ "type": "boolean",
2603
+ "default": "false"
2603
2604
  },
2604
2605
  {
2605
2606
  "name": "no-auto-close",
@@ -2715,7 +2716,8 @@
2715
2716
  "name": "opened",
2716
2717
  "attribute": "opened",
2717
2718
  "description": "Whether the dropdown is open or not",
2718
- "type": "boolean"
2719
+ "type": "boolean",
2720
+ "default": "false"
2719
2721
  },
2720
2722
  {
2721
2723
  "name": "noAutoClose",
@@ -2973,7 +2975,8 @@
2973
2975
  {
2974
2976
  "name": "opened",
2975
2977
  "description": "Whether the dropdown is open or not",
2976
- "type": "boolean"
2978
+ "type": "boolean",
2979
+ "default": "false"
2977
2980
  },
2978
2981
  {
2979
2982
  "name": "no-auto-close",
@@ -3089,7 +3092,8 @@
3089
3092
  "name": "opened",
3090
3093
  "attribute": "opened",
3091
3094
  "description": "Whether the dropdown is open or not",
3092
- "type": "boolean"
3095
+ "type": "boolean",
3096
+ "default": "false"
3093
3097
  },
3094
3098
  {
3095
3099
  "name": "noAutoClose",
@@ -3347,7 +3351,8 @@
3347
3351
  {
3348
3352
  "name": "opened",
3349
3353
  "description": "Whether the dropdown is open or not",
3350
- "type": "boolean"
3354
+ "type": "boolean",
3355
+ "default": "false"
3351
3356
  },
3352
3357
  {
3353
3358
  "name": "no-auto-close",
@@ -3463,7 +3468,8 @@
3463
3468
  "name": "opened",
3464
3469
  "attribute": "opened",
3465
3470
  "description": "Whether the dropdown is open or not",
3466
- "type": "boolean"
3471
+ "type": "boolean",
3472
+ "default": "false"
3467
3473
  },
3468
3474
  {
3469
3475
  "name": "noAutoClose",
@@ -10681,12 +10687,6 @@
10681
10687
  "type": "boolean",
10682
10688
  "default": "false"
10683
10689
  },
10684
- {
10685
- "name": "opened",
10686
- "description": "Whether the popover is open or not",
10687
- "type": "boolean",
10688
- "default": "false"
10689
- },
10690
10690
  {
10691
10691
  "name": "trap-focus",
10692
10692
  "description": "Whether to render a d2l-focus-trap around the content",
@@ -10737,6 +10737,10 @@
10737
10737
  "description": "Position the popover to span from the opener edge to this grid line. Default is \"all\" (centered).",
10738
10738
  "type": "'start'|'end'|'all'"
10739
10739
  },
10740
+ {
10741
+ "name": "opened",
10742
+ "type": "boolean | undefined"
10743
+ },
10740
10744
  {
10741
10745
  "name": "noAutoClose",
10742
10746
  "attribute": "no-auto-close",
@@ -10758,13 +10762,6 @@
10758
10762
  "type": "boolean",
10759
10763
  "default": "false"
10760
10764
  },
10761
- {
10762
- "name": "opened",
10763
- "attribute": "opened",
10764
- "description": "Whether the popover is open or not",
10765
- "type": "boolean",
10766
- "default": "false"
10767
- },
10768
10765
  {
10769
10766
  "name": "trapFocus",
10770
10767
  "attribute": "trap-focus",
@@ -10772,22 +10769,6 @@
10772
10769
  "type": "boolean",
10773
10770
  "default": "false"
10774
10771
  }
10775
- ],
10776
- "events": [
10777
- {
10778
- "name": "d2l-popover-close"
10779
- },
10780
- {
10781
- "name": "d2l-popover-open"
10782
- },
10783
- {
10784
- "name": "d2l-popover-focus-enter",
10785
- "description": "Dispatched when user focus enters the popover (trap-focus option only)"
10786
- },
10787
- {
10788
- "name": "d2l-popover-position",
10789
- "description": "Dispatched when the popover position finishes adjusting"
10790
- }
10791
10772
  ]
10792
10773
  },
10793
10774
  {
package/helpers/flags.js ADDED
@@ -0,0 +1 @@
1
+ export const getFlag = (key, defaultValue) => window.D2L?.LP?.Web?.UI?.Flags.Flag(key, defaultValue) ?? defaultValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.88.3",
3
+ "version": "3.89.0",
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",