@empathyco/x-components/js/components/animations/change-height.vue2.js

Empathy X Components

import { defineComponent, ref, onMounted, onUnmounted } from 'vue';

var _sfc_main = defineComponent({
    setup() {
        const wrapper = ref();
        const observer = new ResizeObserver(entries => {
            for (const entry of entries) {
                if (entry.target.parentElement) {
                    entry.target.parentElement.style.height = `${entry.contentRect.height}px`;
                }
            }
        });
        onMounted(() => {
            if (wrapper.value?.parentElement) {
                const height = wrapper.value.getBoundingClientRect().height;
                wrapper.value.parentElement.style.height = `${height}px`;
                observer.observe(wrapper.value);
            }
        });
        onUnmounted(() => {
            if (wrapper.value) {
                observer.unobserve(wrapper.value);
            }
        });
        return {
            wrapper,
        };
    },
});

export { _sfc_main as default };
//# sourceMappingURL=change-height.vue2.js.map