{"version":3,"file":"Banner-Bop9pfRZ.js","sources":["../../../resources/images/components/banner/close_icon.svg","../../../resources/images/components/banner/danger_icon.svg","../../../resources/images/components/banner/success_icon.svg","../../../resources/images/components/banner/warning_icon.svg","../../../resources/js/Components/Messaging/Banner.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": \"1.5\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M6 18 18 6M6 6l12 12\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": \"1.5\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": \"1.5\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": \"1.5\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup>\nimport {ref, watchEffect} from 'vue';\nimport {usePage} from '@inertiajs/vue3';\nimport CloseIcon from '@/images/components/banner/close_icon.svg';\nimport DangerIcon from '@/images/components/banner/danger_icon.svg';\nimport SuccessIcon from '@/images/components/banner/success_icon.svg';\nimport WarningIcon from '@/images/components/banner/warning_icon.svg';\n\nconst page = usePage();\n\nconst props = defineProps({\n    status: {\n        type: String,\n        default: null,\n    },\n    message: {\n        type: String,\n        default: null,\n    },\n});\n\nconst show = ref(true);\nconst style = ref(props.status || page.props?.jetstream?.flash?.bannerStyle);\nconst message = ref(props.message || page.props?.jetstream?.flash?.banner);\n\nwatchEffect(async () => {\n    style.value = props.status || page.props?.jetstream?.flash?.bannerStyle || 'success';\n    message.value = props.message || page.props?.jetstream?.flash?.banner || '';\n    show.value = true;\n});\n</script>\n\n<template>\n    <div>\n        <div\n            v-if=\"show && message\"\n            :class=\"{\n                'bg-success': style === 'success',\n                'bg-error': style === 'danger',\n                'bg-warning': style === 'warning',\n            }\">\n            <div class=\"max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8\">\n                <div class=\"flex items-center justify-between flex-wrap\">\n                    <div class=\"w-0 flex-1 flex items-center min-w-0\">\n                        <span\n                            class=\"flex p-2 rounded-lg\"\n                            :class=\"{\n                                'bg-success/60': style === 'success',\n                                'bg-error/60': style === 'danger',\n                                'bg-warning/60': style === 'warning',\n                            }\">\n                            <SuccessIcon v-if=\"style === 'success'\" class=\"h-5 w-5 text-success-content\" />\n                            <DangerIcon v-if=\"style === 'danger'\" class=\"h-5 w-5 text-danger-content\" />\n                            <WarningIcon v-if=\"style === 'warning'\" class=\"h-5 w-5 text-warning-content\" />\n                        </span>\n\n                        <p class=\"ms-3 font-medium text-sm text-success-content truncate\">\n                            {{ $t(message) }}\n                        </p>\n                    </div>\n\n                    <div class=\"shrink-0 sm:ms-3\">\n                        <button\n                            type=\"button\"\n                            class=\"-me-1 flex p-2 rounded-md focus:outline-none sm:-me-2 transition\"\n                            :class=\"{\n                                'hover:bg-success/60 focus:bg-success/60': style === 'success',\n                                'hover:bg-error/60 focus:bg-error/60': style === 'danger',\n                            }\"\n                            aria-label=\"Dismiss\"\n                            @click.prevent=\"show = false\">\n                            <CloseIcon\n                                class=\"h-5 w-5\"\n                                :class=\"{\n                                    'text-success-content': style === 'success',\n                                    'text-error-content': style === 'danger',\n                                    'text-warning-content': style === 'warning',\n                                }\" />\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_ctx","_cache","_openBlock","_createElementBlock","CloseIcon","DangerIcon","SuccessIcon","WarningIcon","page","usePage","props","__props","show","ref","style","_c","_b","_a","message","_f","_e","_d","watchEffect"],"mappings":"0HAEA,MAAMA,EAAa,CACjB,MAAO,6BACP,KAAM,OACN,OAAQ,eACR,eAAgB,MAChB,QAAS,WACX,EACMC,EAA0BC,EAAoB,OAAQ,CAC1D,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,sBACL,EAAG,KAAM,EAAE,EACLC,EAAa,CACjBF,CACF,EAEO,SAASG,EAAOC,EAAMC,EAAQ,CACnC,OAAQC,EAAY,EAAEC,EAAoB,MAAOR,EAAY,CAAC,GAAGG,CAAU,CAAC,CAC9E,CACA,MAAeM,EAAA,CAAE,OAAQL,CAAM,ECnBzBJ,EAAa,CACjB,MAAO,6BACP,KAAM,OACN,OAAQ,eACR,eAAgB,MAChB,QAAS,WACX,EACMC,EAA0BC,EAAoB,OAAQ,CAC1D,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,+JACL,EAAG,KAAM,EAAE,EACLC,EAAa,CACjBF,CACF,EAEO,SAASG,EAAOC,EAAMC,EAAQ,CACnC,OAAQC,EAAY,EAAEC,EAAoB,MAAOR,EAAY,CAAC,GAAGG,CAAU,CAAC,CAC9E,CACA,MAAeO,EAAA,CAAE,OAAQN,CAAM,ECnBzBJ,EAAa,CACjB,MAAO,6BACP,KAAM,OACN,OAAQ,eACR,eAAgB,MAChB,QAAS,WACX,EACMC,EAA0BC,EAAoB,OAAQ,CAC1D,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,+DACL,EAAG,KAAM,EAAE,EACLC,EAAa,CACjBF,CACF,EAEO,SAASG,EAAOC,EAAMC,EAAQ,CACnC,OAAQC,EAAY,EAAEC,EAAoB,MAAOR,EAAY,CAAC,GAAGG,CAAU,CAAC,CAC9E,CACA,MAAeQ,EAAA,CAAE,OAAQP,CAAM,ECnBzBJ,EAAa,CACjB,MAAO,6BACP,KAAM,OACN,OAAQ,eACR,eAAgB,MAChB,QAAS,WACX,EACMC,EAA0BC,EAAoB,OAAQ,CAC1D,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,+JACL,EAAG,KAAM,EAAE,EACLC,EAAa,CACjBF,CACF,EAEO,SAASG,EAAOC,EAAMC,EAAQ,CACnC,OAAQC,EAAY,EAAEC,EAAoB,MAAOR,EAAY,CAAC,GAAGG,CAAU,CAAC,CAC9E,CACA,MAAeS,EAAA,CAAE,OAAQR,CAAM,qYCb/B,MAAMS,EAAOC,EAAO,EAEdC,EAAQC,EAWRC,EAAOC,EAAI,EAAI,EACfC,EAAQD,EAAIH,EAAM,UAAUK,GAAAC,GAAAC,EAAAT,EAAK,QAAL,YAAAS,EAAY,YAAZ,YAAAD,EAAuB,QAAvB,YAAAD,EAA8B,YAAW,EACrEG,EAAUL,EAAIH,EAAM,WAAWS,GAAAC,GAAAC,EAAAb,EAAK,QAAL,YAAAa,EAAY,YAAZ,YAAAD,EAAuB,QAAvB,YAAAD,EAA8B,OAAM,EAEzE,OAAAG,EAAY,SAAY,iBACpBR,EAAM,MAAQJ,EAAM,UAAUK,GAAAC,GAAAC,EAAAT,EAAK,QAAL,YAAAS,EAAY,YAAZ,YAAAD,EAAuB,QAAvB,YAAAD,EAA8B,cAAe,UAC3EG,EAAQ,MAAQR,EAAM,WAAWS,GAAAC,GAAAC,EAAAb,EAAK,QAAL,YAAAa,EAAY,YAAZ,YAAAD,EAAuB,QAAvB,YAAAD,EAA8B,SAAU,GACzEP,EAAK,MAAQ,EACjB,CAAC"}