{"version":3,"file":"FloatingContainer-Daoqqd5O.js","sources":["../../../app/javascript/src/components/Containers/FloatingContainer.vue"],"sourcesContent":["<template>\n  <div ref=\"outer\" class=\"outer\" :style=\"{ height: `${height}px` }\">\n    <div ref=\"inner\" class=\"inner\" :style=\"{ width: `${width}px` }\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useElementSize } from \"@vueuse/core\";\n\nconst outer = ref(null);\nconst inner = ref(null);\n\nconst { width } = useElementSize(outer);\nconst { height } = useElementSize(inner);\n</script>\n\n<style lang=\"scss\" scoped>\n.outer {\n  width: 100%;\n  position: relative;\n}\n\n.inner {\n  position: absolute;\n  overflow-x: visible;\n}\n</style>"],"names":["outer","ref","inner","width","useElementSize","height"],"mappings":"2MAYA,MAAMA,EAAQC,EAAI,IAAI,EAChBC,EAAQD,EAAI,IAAI,EAEhB,CAAE,MAAAE,CAAK,EAAKC,EAAeJ,CAAK,EAChC,CAAE,OAAAK,CAAM,EAAKD,EAAeF,CAAK"}