{"version":3,"file":"notificationBox.obs.js","sources":["../../../Framework/Controls/notificationBox.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\r\n<template>\r\n    <div :class=\"typeClass\">\r\n        <button v-if=\"dismissible\" type=\"button\" class=\"close\" aria-label=\"Hide This Alert\" @click.prevent=\"dismiss\">\r\n            <i class=\"fa fa-times\" aria-hidden=\"true\"></i>\r\n        </button>\r\n        <strong v-if=\"heading\">{{ heading }}</strong>\r\n        <slot />\r\n        <small v-if=\"$slots.details\" class=\"margin-l-sm\">\r\n            <a href=\"#\" @click.prevent=\"showDetails = !showDetails\">Show&nbsp;Details</a>\r\n        </small>\r\n        <TransitionVerticalCollapse v-if=\"$slots.details\">\r\n            <p class='margin-t-sm js-notification-details' v-if=\"showDetails\">\r\n                <slot name=\"details\" />\r\n            </p>\r\n        </TransitionVerticalCollapse>\r\n    </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n    import { PropType, computed, ref } from \"vue\";\r\n    import { AlertType } from \"@Obsidian/Enums/Controls/alertType\";\r\n    import { LiteralUnion } from \"@Obsidian/Types/Utility/support\";\r\n    import TransitionVerticalCollapse from \"./transitionVerticalCollapse.obs\";\r\n\r\n    const props = defineProps({\r\n        dismissible: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n\r\n        alertType: {\r\n            type: String as PropType<LiteralUnion<AlertType>>,\r\n            default: AlertType.Default\r\n        },\r\n\r\n        /** Bold text that appears before the main message */\r\n        heading: {\r\n            type: String,\r\n            default: null\r\n        }\r\n    });\r\n\r\n    const emit = defineEmits<{\r\n        (e: \"dismiss\"): void\r\n    }>();\r\n\r\n    function dismiss(): void {\r\n        emit(\"dismiss\");\r\n    }\r\n\r\n    const typeClass = computed(() => `alert alert-${props.alertType}`);\r\n    const showDetails = ref(false);\r\n</script>"],"names":["props","__props","emit","__emit","dismiss","typeClass","computed","concat","alertType","showDetails","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAyBI,IAAMA,KAAK,GAAGC,OAgBZ,CAAA;UAEF,IAAMC,IAAI,GAAGC,MAET,CAAA;UAEJ,SAASC,OAAOA,GAAS;YACrBF,IAAI,CAAC,SAAS,CAAC,CAAA;MACnB,KAAA;UAEA,IAAMG,SAAS,GAAGC,QAAQ,CAAC,MAAA,cAAA,CAAAC,MAAA,CAAqBP,KAAK,CAACQ,SAAS,CAAE,CAAC,CAAA;MAClE,IAAA,IAAMC,WAAW,GAAGC,GAAG,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}