@brightspace-ui/core 3.290.0 → 3.291.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.
- package/components/page/page.js +7 -2
- package/package.json +1 -1
package/components/page/page.js
CHANGED
|
@@ -14,7 +14,7 @@ const DRAWER_MIN_HEIGHT = 200; // TO DO: Confirm
|
|
|
14
14
|
export const MAIN_MIN_WIDTH = 600; // TO DO: Confirm
|
|
15
15
|
export const PANEL_MIN_WIDTH = 320;
|
|
16
16
|
|
|
17
|
-
const DIVIDER_GUTTER_WIDTH = 18;
|
|
17
|
+
export const DIVIDER_GUTTER_WIDTH = 18;
|
|
18
18
|
|
|
19
19
|
export const SIDE_NAV_DEFAULT_WIDTH = 334;
|
|
20
20
|
export const supportingDefaultWidth = contentWidth => Math.floor(contentWidth / 3);
|
|
@@ -463,7 +463,7 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
463
463
|
${this.#renderSideNavPanel(sideNavPanelKey)}
|
|
464
464
|
<main aria-label="${ifDefined(showScrim ? this.localize(scrimMessage) : undefined)}">
|
|
465
465
|
<div class="main" ?inert="${showScrim}"><slot></slot></div>
|
|
466
|
-
${showScrim ? html`<div class="scrim"></div>` : nothing}
|
|
466
|
+
${showScrim ? html`<div class="scrim" @click="${this.#handleScrimClick}"></div>` : nothing}
|
|
467
467
|
</main>
|
|
468
468
|
${this.#renderSupportingPanel(supportingPanelKey)}
|
|
469
469
|
</div>
|
|
@@ -535,6 +535,11 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
535
535
|
this._panelState.setCollapsed(panelKey, collapsed);
|
|
536
536
|
};
|
|
537
537
|
|
|
538
|
+
#handleScrimClick() {
|
|
539
|
+
this._panelState.setCollapsed('side-nav-overlay', true);
|
|
540
|
+
this._panelState.setCollapsed('supporting-overlay', true);
|
|
541
|
+
}
|
|
542
|
+
|
|
538
543
|
#handleSlotVisibilityChange(e) {
|
|
539
544
|
const key = e.target.name;
|
|
540
545
|
const nodes = e.target.assignedNodes();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.291.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",
|