@brightspace-ui/core 3.276.0 → 3.277.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.
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import '../colors/colors.js';
|
|
2
2
|
import { css, html } from 'lit';
|
|
3
|
-
import { getFlag } from '../../helpers/flags.js';
|
|
4
3
|
import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
|
|
5
4
|
|
|
6
5
|
const keyCodes = {
|
|
@@ -38,8 +37,7 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
|
|
|
38
37
|
:host {
|
|
39
38
|
box-sizing: border-box;
|
|
40
39
|
display: inline-block;
|
|
41
|
-
|
|
42
|
-
max-width: var(--d2l-gaud-9963-tab-max-width, 200px);
|
|
40
|
+
max-width: min(20rem, max(33%, 10rem));
|
|
43
41
|
outline: none;
|
|
44
42
|
position: relative;
|
|
45
43
|
vertical-align: middle;
|
|
@@ -113,13 +111,6 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
|
|
|
113
111
|
this.addEventListener('keyup', this.#handleKeyup);
|
|
114
112
|
|
|
115
113
|
this.#hasInitialized = true;
|
|
116
|
-
/**
|
|
117
|
-
* TODO: remove this whole if when removing the GAUD-9963-dropdown-tabs-not-resizing flag
|
|
118
|
-
* keep the min max code an place that into the styles above
|
|
119
|
-
*/
|
|
120
|
-
if (getFlag('GAUD-9963-dropdown-tabs-not-resizing', true)) {
|
|
121
|
-
this.style.setProperty('--d2l-gaud-9963-tab-max-width', 'min(20rem, max(33%, 10rem))');
|
|
122
|
-
}
|
|
123
114
|
}
|
|
124
115
|
|
|
125
116
|
render() {
|
package/components/tabs/tabs.js
CHANGED
|
@@ -426,7 +426,6 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
|
|
|
426
426
|
return (Object.keys(this._tabIds).length > 1 && !reduceMotion) ? this._animateTabRemoval(tab) : Promise.resolve();
|
|
427
427
|
}
|
|
428
428
|
|
|
429
|
-
#GAUD_9963_FLAG = getFlag('GAUD-9963-dropdown-tabs-not-resizing', true);
|
|
430
429
|
#checkTabPanelMatchRequested;
|
|
431
430
|
#newTabsPanelStructure = getUseNewTabsStructureFlag();
|
|
432
431
|
#panels;
|
|
@@ -897,7 +896,7 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
|
|
|
897
896
|
|
|
898
897
|
if (selectedTab) {
|
|
899
898
|
Promise.all(animPromises).then(async() => {
|
|
900
|
-
|
|
899
|
+
await new Promise(resolve => requestAnimationFrame(resolve));
|
|
901
900
|
this._updateMeasures();
|
|
902
901
|
this._updateScrollPosition(selectedTab);
|
|
903
902
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.277.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",
|