@streamscloud/kit 0.69.0 → 0.70.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.
|
@@ -3,11 +3,11 @@ import { PageLayoutLocalization } from './page-layout-localization';
|
|
|
3
3
|
import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg?raw';
|
|
4
4
|
import IconWindow from '@fluentui/svg-icons/icons/window_20_regular.svg?raw';
|
|
5
5
|
import IconWindowMultiple from '@fluentui/svg-icons/icons/window_multiple_20_regular.svg?raw';
|
|
6
|
-
const { children, title, actions, navigationToggle, editorControls, scrollable = false } = $props();
|
|
6
|
+
const { children, title, actions, navigationToggle, editorControls, scrollable = false, inert = false } = $props();
|
|
7
7
|
const localization = new PageLayoutLocalization();
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
|
-
<div class="page-layout" class:page-layout--scrollable={scrollable}>
|
|
10
|
+
<div class="page-layout" class:page-layout--scrollable={scrollable} inert={inert}>
|
|
11
11
|
<div class="page-layout__header">
|
|
12
12
|
<div class="page-layout__title">
|
|
13
13
|
{#if typeof title === 'function'}
|
|
@@ -9,6 +9,8 @@ type Props = {
|
|
|
9
9
|
/** Editor chrome — the fixed panels-toggle + close pair. Set it to render both buttons; omit it entirely for a non-editor page. */
|
|
10
10
|
editorControls?: EditorControls;
|
|
11
11
|
scrollable?: boolean;
|
|
12
|
+
/** Sets `inert` on the whole layout — header and body stop taking focus, clicks and assistive-tech interaction. */
|
|
13
|
+
inert?: boolean;
|
|
12
14
|
};
|
|
13
15
|
/**
|
|
14
16
|
* PageLayout — top-level window chrome. Renders a fixed-height header (title + actions + an optional
|