{"version":3,"file":"dialog.obs.js","sources":["../../../Framework/Controls/dialog.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <teleport to=\"body\" v-if=\"modelValue\">\n        <div class=\"modal-backdrop fade in\" style=\"z-index: 1060;\"></div>\n\n        <div @click=\"shake\" class=\"modal-scrollable\" style=\"z-index: 1060;\">\n            <div @click.stop ref=\"modalDiv\" class=\"modal fade in\" :class=\"{ 'animated shake': doShake }\" tabindex=\"-1\" role=\"dialog\" style=\"display: block;\">\n                <div class=\"modal-dialog\">\n                    <div class=\"modal-content\">\n                        <div v-if=\"hasHeader\" class=\"modal-header\">\n                            <button v-if=\"dismissible\" @click=\"close\" type=\"button\" class=\"close\" style=\"margin-top: -10px;\">×</button>\n                            <slot name=\"header\" />\n                        </div>\n                        <div class=\"modal-body\">\n                            <button v-if=\"!hasHeader && dismissible\" @click=\"close\" type=\"button\" class=\"close\" style=\"margin-top: -10px;\">×</button>\n                            <slot />\n                        </div>\n                        <div v-if=\"$slots.footer\" class=\"modal-footer\">\n                            <slot name=\"footer\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </teleport>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, PropType, ref, useSlots, watch } from \"vue\";\n    import { trackModalState } from \"@Obsidian/Utility/page\";\n\n    const props = defineProps({\n        modelValue: {\n            type: Boolean as PropType<boolean>,\n            required: true\n        },\n\n        dismissible: {\n            type: Boolean as PropType<boolean>,\n            default: true\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", value: boolean): void;\n    }>();\n\n    const slots = useSlots();\n    const doShake = ref(false);\n    const modalDiv = ref<HTMLElement | null>(null);\n\n    const hasHeader = computed(() => !!slots.header);\n\n    const close = (): void => {\n        emit(\"update:modelValue\", false);\n    };\n\n    const shake = (): void => {\n        if (!doShake.value) {\n            doShake.value = true;\n            setTimeout(() => doShake.value = false, 1000);\n        }\n    };\n\n    const centerOnScreen = (): void => {\n        nextTick(() => {\n            if (!modalDiv.value) {\n                return;\n            }\n\n            const height = modalDiv.value.offsetHeight;\n            const margin = height / 2;\n            modalDiv.value.style.marginTop = `-${margin}px`;\n        });\n    };\n\n    if (props.modelValue) {\n        trackModalState(true);\n    }\n\n    watch(() => props.modelValue, () => {\n        trackModalState(props.modelValue);\n        if (props.modelValue) {\n            centerOnScreen();\n        }\n    });\n</script>\n"],"names":["slots","useSlots","doShake","ref","modalDiv","hasHeader","computed","header","close","emit","shake","value","setTimeout","centerOnScreen","nextTick","height","offsetHeight","margin","style","marginTop","concat","props","modelValue","trackModalState","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA+CI,IAAMA,KAAK,GAAGC,QAAQ,EAAE,CAAA;MACxB,IAAA,IAAMC,OAAO,GAAGC,GAAG,CAAC,KAAK,CAAC,CAAA;MAC1B,IAAA,IAAMC,QAAQ,GAAGD,GAAG,CAAqB,IAAI,CAAC,CAAA;UAE9C,IAAME,SAAS,GAAGC,QAAQ,CAAC,MAAM,CAAC,CAACN,KAAK,CAACO,MAAM,CAAC,CAAA;UAEhD,IAAMC,KAAK,GAAGA,MAAY;MACtBC,MAAAA,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;WACnC,CAAA;UAED,IAAMC,KAAK,GAAGA,MAAY;MACtB,MAAA,IAAI,CAACR,OAAO,CAACS,KAAK,EAAE;cAChBT,OAAO,CAACS,KAAK,GAAG,IAAI,CAAA;cACpBC,UAAU,CAAC,MAAMV,OAAO,CAACS,KAAK,GAAG,KAAK,EAAE,IAAI,CAAC,CAAA;MACjD,OAAA;WACH,CAAA;UAED,IAAME,cAAc,GAAGA,MAAY;MAC/BC,MAAAA,QAAQ,CAAC,MAAM;MACX,QAAA,IAAI,CAACV,QAAQ,CAACO,KAAK,EAAE;MACjB,UAAA,OAAA;MACJ,SAAA;MAEA,QAAA,IAAMI,MAAM,GAAGX,QAAQ,CAACO,KAAK,CAACK,YAAY,CAAA;MAC1C,QAAA,IAAMC,MAAM,GAAGF,MAAM,GAAG,CAAC,CAAA;cACzBX,QAAQ,CAACO,KAAK,CAACO,KAAK,CAACC,SAAS,GAAAC,GAAAA,CAAAA,MAAA,CAAOH,MAAM,EAAI,IAAA,CAAA,CAAA;MACnD,OAAC,CAAC,CAAA;WACL,CAAA;UAED,IAAII,KAAK,CAACC,UAAU,EAAE;YAClBC,eAAe,CAAC,IAAI,CAAC,CAAA;MACzB,KAAA;MAEAC,IAAAA,KAAK,CAAC,MAAMH,KAAK,CAACC,UAAU,EAAE,MAAM;MAChCC,MAAAA,eAAe,CAACF,KAAK,CAACC,UAAU,CAAC,CAAA;YACjC,IAAID,KAAK,CAACC,UAAU,EAAE;MAClBT,QAAAA,cAAc,EAAE,CAAA;MACpB,OAAA;MACJ,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}