{"version":3,"file":"Toast-4e958ee3.js","sources":["../../../node_modules/@heroicons/vue/24/outline/esm/CheckCircleIcon.js","../../../node_modules/@heroicons/vue/24/outline/esm/ExclamationCircleIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/XMarkIcon.js","../../../resources/js/Components/Toast.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _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 0Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" })\n  ]))\n}","<script setup>\nimport { computed, onMounted, ref, watchEffect } from \"vue\";\nimport { CheckCircleIcon, ExclamationCircleIcon } from \"@heroicons/vue/24/outline\";\nimport { XMarkIcon } from \"@heroicons/vue/20/solid\";\nimport { usePage } from \"@inertiajs/vue3\";\nimport eventBus from \"@/Helpers/eventBus\";\n\nconst show = ref(true);\nlet toastTimeoutId = null;\nconst message = ref(null);\nconst myMessage = ref(null);\n\n// Jetstream uses bannerStyle internally\nconst style = computed(\n    () =>\n        usePage().props.jetstream.flash?.toastStyle ||\n        usePage().props.jetstream.flash?.bannerStyle ||\n        \"success\",\n);\n\nonMounted(() => {\n    eventBus.$on(\"showToast\", (value) => {\n        myMessage.value = value.message;\n        show.value = true;\n    });\n});\n\nwatchEffect(async () => {\n    message.value = \"\";\n    // jo uz 404 neeksistē jetstream\n    if (usePage().props.jetstream) {\n        message.value =\n            usePage().props.jetstream.flash?.toast ||\n            usePage().props.jetstream.flash?.banner ||\n            myMessage.value;\n    }\n\n    show.value = true;\n    if (toastTimeoutId) {\n        clearTimeout(toastTimeoutId);\n    }\n    toastTimeoutId = setTimeout(() => {\n        show.value = false;\n        myMessage.value = null;\n    }, 15000);\n});\n</script>\n\n<template>\n    <div\n        v-if=\"message\"\n        aria-live=\"assertive\"\n        class=\"pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:items-start sm:p-6\"\n    >\n        <div class=\"flex w-full flex-col items-center space-y-4 sm:items-end\">\n            <!-- Notification panel, dynamically insert this into the live region when it needs to be displayed -->\n            <transition\n                enter-active-class=\"transform ease-out duration-300 transition\"\n                enter-from-class=\"translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2\"\n                enter-to-class=\"translate-y-0 opacity-100 sm:translate-x-0\"\n                leave-active-class=\"transition ease-in duration-100\"\n                leave-from-class=\"opacity-100\"\n                leave-to-class=\"opacity-0\"\n            >\n                <div\n                    v-if=\"show\"\n                    class=\"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5\"\n                    :class=\"{\n                        'rounded-lg border border-red-300 bg-red-50 text-red-800': style === 'danger',\n                        'border-green-300 bg-green-50 text-green-800': style === 'success',\n                        'rounded-lg border border-yellow-300 bg-yellow-50 text-yellow-800': style === 'warning',\n                    }\"\n                >\n                    <div class=\"p-4\">\n                        <div class=\"flex items-start\">\n                            <div class=\"shrink-0\">\n                                <ExclamationCircleIcon\n                                    v-if=\"style === 'danger'\"\n                                    class=\"size-6 text-red-400\"\n                                />\n                                <CheckCircleIcon\n                                    v-if=\"style === 'success'\"\n                                    class=\"size-6 text-green-400\"\n                                    aria-hidden=\"true\"\n                                />\n                                <CheckCircleIcon\n                                    v-if=\"style === 'warning'\"\n                                    class=\"size-6 text-orange-400\"\n                                    aria-hidden=\"true\"\n                                />\n                            </div>\n                            <div class=\"ml-3 w-0 flex-1 pt-0.5\">\n                                <p class=\"text-sm font-medium\">\n                                    {{ style === \"success\" ? \"Success\" : \"\" }}\n                                    {{ style === \"warning\" ? \"Warning\" : \"\" }}\n                                    {{ style === \"danger\" ? \"Error\" : \"\" }}\n                                </p>\n                                <p class=\"mt-1 text-sm\">\n                                    {{ message }}\n                                </p>\n                            </div>\n                            <div class=\"ml-4 flex shrink-0\">\n                                <button\n                                    type=\"button\"\n                                    class=\"inline-flex rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\"\n                                    @click=\"show = false\"\n                                >\n                                    <span class=\"sr-only\">Close</span>\n                                    <XMarkIcon\n                                        class=\"size-5\"\n                                        aria-hidden=\"true\"\n                                    />\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </transition>\n        </div>\n    </div>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","show","ref","toastTimeoutId","message","myMessage","style","computed","usePage","onMounted","eventBus","value","watchEffect"],"mappings":"0gBAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,gEACT,CAAK,CACL,CAAG,CACH,CChBe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,6EACT,CAAK,CACL,CAAG,CACH,CChBe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,oLAAoL,CAAE,CAC3N,CAAG,CACH,oaCLA,MAAMC,EAAOC,EAAI,EAAI,EACrB,IAAIC,EAAiB,KACrB,MAAMC,EAAUF,EAAI,IAAI,EAClBG,EAAYH,EAAI,IAAI,EAGpBI,EAAQC,EACV,IAAA,SACIC,QAAAA,EAAAA,IAAU,MAAM,UAAU,QAA1BA,YAAAA,EAAiC,eACjCA,EAAAA,IAAU,MAAM,UAAU,QAA1BA,YAAAA,EAAiC,cACjC,UACR,EAEA,OAAAC,EAAU,IAAM,CACZC,EAAS,IAAI,YAAcC,GAAU,CACjCN,EAAU,MAAQM,EAAM,QACxBV,EAAK,MAAQ,EACrB,CAAK,CACL,CAAC,EAEDW,EAAY,SAAY,SACpBR,EAAQ,MAAQ,GAEZI,EAAO,EAAG,MAAM,YAChBJ,EAAQ,QACJI,EAAAA,IAAU,MAAM,UAAU,QAA1BA,YAAAA,EAAiC,UACjCA,EAAAA,IAAU,MAAM,UAAU,QAA1BA,YAAAA,EAAiC,SACjCH,EAAU,OAGlBJ,EAAK,MAAQ,GACTE,GACA,aAAaA,CAAc,EAE/BA,EAAiB,WAAW,IAAM,CAC9BF,EAAK,MAAQ,GACbI,EAAU,MAAQ,IACrB,EAAE,IAAK,CACZ,CAAC","x_google_ignoreList":[0,1,2]}