mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(modal): simply nested modals logic (#1339)

Browse source 
Cleans up #1331 to reuse shared logic between `Modal`, `ComposedModal`.
This commit is contained in:
brunnerh 2022-06-07 16:43:02 +02:00 • committed by GitHub
commit 37aa207c85
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 44 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/ComposedModal/ComposedModal.svelte
View file

@ -38,7 +38,7 @@
afterUpdate,
} from "svelte";
import { writable } from "svelte/store";
import { modalsOpen, addModalId, removeModalId } from "../Modal/modalStore";
import { trackModal } from "../Modal/modalStore";
const dispatch = createEventDispatcher();
const label = writable(undefined);
@ -46,7 +46,6 @@
let buttonRef = null;
let innerModal = null;
let didClickInnerModal = false;
let id = "ccs-" + Math.random().toString(36);
setContext("ComposedModal", {
closeModal: () => {
@ -74,15 +73,14 @@
let opened = false;
$: didOpen = open;
const openStore = writable(open);
$: $openStore = open;
trackModal(openStore);
onMount(() => {
tick().then(() => {
focus();
});
return () => {
removeModalId(id);
document.body.classList.remove("bx--body--with-modal-open");
};
});
afterUpdate(() => {
@ -95,19 +93,7 @@
opened = true;
dispatch("open");
}
if ($modalsOpen.length > 0) {
document.body.classList.add("bx--body--with-modal-open");
} else {
document.body.classList.remove("bx--body--with-modal-open");
}
});
$: if (open) {
addModalId(id);
} else {
removeModalId(id);
}
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->