{"version":3,"file":"DOverlay-8780fd2c.js","sources":["../../client/packages/design-system/src/atoms/DOverlay.vue"],"sourcesContent":["\n<script lang=\"ts\" setup>\n    import DContainer from \"../atoms/DContainer.vue\";\n\n    import {onMounted, onUnmounted} from \"vue\";\n\n    onMounted(() => {\n        document.documentElement.style.overflow = \"hidden\";\n        document.documentElement.style.position = \"fixed\";\n        document.body.style.overflow = \"hidden\";\n        document.body.style.position = \"fixed\";\n    });\n\n    onUnmounted(() => {\n        document.documentElement.style.overflow = \"auto\";\n        document.documentElement.style.position = \"initial\";\n        document.body.style.overflow = \"auto\";\n        document.body.style.position = \"initial\";\n    });\n</script>\n\n<template>\n    <Teleport to=\"body\">\n        <DContainer class=\"d-overlay\" v-bind=\"$attrs\">\n            <slot/>\n        </DContainer>\n    </Teleport>\n</template>\n\n<style lang=\"scss\" scoped>\n.d-overlay {\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100dvh;\n  z-index: var(--z-index-modal);\n  background: rgba(0, 0, 0, 0.5);\n\n    @include md {\n        height: 100vh;\n    }\n}\n</style>"],"names":["onMounted","onUnmounted"],"mappings":"4xBAMI,OAAAA,EAAU,IAAM,CACH,SAAA,gBAAgB,MAAM,SAAW,SACjC,SAAA,gBAAgB,MAAM,SAAW,QACjC,SAAA,KAAK,MAAM,SAAW,SACtB,SAAA,KAAK,MAAM,SAAW,OAAA,CAClC,EAEDC,EAAY,IAAM,CACL,SAAA,gBAAgB,MAAM,SAAW,OACjC,SAAA,gBAAgB,MAAM,SAAW,UACjC,SAAA,KAAK,MAAM,SAAW,OACtB,SAAA,KAAK,MAAM,SAAW,SAAA,CAClC"}