@brightspace-ui/core 3.254.0 → 3.254.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/card/card.js
CHANGED
|
@@ -1,23 +1,11 @@
|
|
|
1
1
|
import '../colors/colors.js';
|
|
2
2
|
import { css, html, LitElement, nothing } from 'lit';
|
|
3
3
|
import { classMap } from 'lit/directives/class-map.js';
|
|
4
|
-
import { getFlag } from '../../helpers/flags.js';
|
|
5
4
|
import { getFocusRingStyles } from '../../helpers/focus.js';
|
|
6
5
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
7
6
|
import { offscreenStyles } from '../offscreen/offscreen.js';
|
|
8
7
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
9
8
|
|
|
10
|
-
const GAUD_8697_FEATURE_FLAG = getFlag('GAUD-8697-card-badge-center-flag', true);
|
|
11
|
-
|
|
12
|
-
// TODO: move this css statement to where this function is being called, when the FF is removed
|
|
13
|
-
const getCenterCardBadgeCSS = () => {
|
|
14
|
-
return css`
|
|
15
|
-
:host([align-center]) .d2l-card-badge {
|
|
16
|
-
display: flex;
|
|
17
|
-
justify-content: center;
|
|
18
|
-
}`;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
9
|
/**
|
|
22
10
|
* A container element that provides specific layout using several slots.
|
|
23
11
|
* @slot content - Slot for primary content such as title and supplementary info (no actionable elements)
|
|
@@ -148,7 +136,11 @@ class Card extends LitElement {
|
|
|
148
136
|
text-align: center;
|
|
149
137
|
}
|
|
150
138
|
|
|
151
|
-
|
|
139
|
+
:host([align-center]) .d2l-card-badge {
|
|
140
|
+
display: flex;
|
|
141
|
+
justify-content: center;
|
|
142
|
+
}
|
|
143
|
+
|
|
152
144
|
.d2l-card-footer-hidden .d2l-card-content {
|
|
153
145
|
padding-bottom: 1.2rem;
|
|
154
146
|
}
|
|
@@ -5,7 +5,6 @@ import { css, html, LitElement, nothing } from 'lit';
|
|
|
5
5
|
import { cssSizes } from '../inputs/input-checkbox-styles.js';
|
|
6
6
|
import { getComposedParent } from '../../helpers/dom.js';
|
|
7
7
|
import { getFlag } from '../../helpers/flags.js';
|
|
8
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
9
8
|
import { isPopoverSupported } from '../popover/popover-mixin.js';
|
|
10
9
|
import { PageableMixin } from '../paging/pageable-mixin.js';
|
|
11
10
|
import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
|
|
@@ -421,8 +420,6 @@ export class TableWrapper extends PropertyRequiredMixin(PageableMixin(SelectionM
|
|
|
421
420
|
|
|
422
421
|
this.dirtyText = null;
|
|
423
422
|
this.dirtyButtonText = null;
|
|
424
|
-
|
|
425
|
-
this._excludeStickyColumnsFromScrollCalculations = getFlag('GAUD-9530-exclude-sticky-columns-from-scroll-calculations', false);
|
|
426
423
|
}
|
|
427
424
|
|
|
428
425
|
connectedCallback() {
|
|
@@ -461,7 +458,7 @@ export class TableWrapper extends PropertyRequiredMixin(PageableMixin(SelectionM
|
|
|
461
458
|
return html`
|
|
462
459
|
<slot name="controls" @slotchange="${this._handleControlsSlotChange}"></slot>
|
|
463
460
|
${this.stickyHeaders && this._controlsScrolled ? html`<div class="d2l-sticky-headers-backdrop"></div>` : nothing}
|
|
464
|
-
${useScrollWrapper ? html`<d2l-scroll-wrapper scroll-area-offset=${
|
|
461
|
+
${useScrollWrapper ? html`<d2l-scroll-wrapper scroll-area-offset=${this._stickyWidth} .customScrollers="${this._tableScrollers}">${slot}</d2l-scroll-wrapper>` : slot}
|
|
465
462
|
${this._renderPagerContainer()}
|
|
466
463
|
`;
|
|
467
464
|
}
|
|
@@ -796,7 +793,7 @@ export class TableWrapper extends PropertyRequiredMixin(PageableMixin(SelectionM
|
|
|
796
793
|
}
|
|
797
794
|
if (headCell.hasAttribute('sticky')) stickyWidth += cellWidth;
|
|
798
795
|
}
|
|
799
|
-
|
|
796
|
+
this._stickyWidth = stickyWidth;
|
|
800
797
|
}
|
|
801
798
|
|
|
802
799
|
_updateStickyAncestor(node, popoverOpened) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.254.
|
|
3
|
+
"version": "3.254.2",
|
|
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",
|