{"version":3,"file":"CurrencyModal--BwSeab_Q.js","sources":["../../../../../components/webshop/CurrencyModal.vue"],"sourcesContent":["<script setup>\n\n  /**\n   * \n   * Komponens: Modal ablak a pénzváltásra vonatkozó információkkal.\n   * \n  */\n\n  let loading = ref(false);\n\n  // nyelvi beállítások\n  // const { locale, locales } = useI18n();\n  \n  // pinia stores:\n  import { useCurrencyModalStore } from '@/store/currencymodal';\n  const currencyModalStore = useCurrencyModalStore();\n  const currencymodalStatus = computed(() => currencyModalStore.currencymodal);\n\n</script>\n\n<template>\n  <Transition>\n    <!-- flex items-center px-4 justify-between focus:outline-none text-left -->\n    <div\n      v-show=\"currencymodalStatus === true\"\n      class=\"fixed top-0 left-0 w-screen h-screen bg-opacity-50 z-50 xs:px-2 sm:px-1\"\n      style=\"background-color: rgba(0, 0, 0, 0.5)\"\n    >\n      <div\n        class=\"xs:max-w-sm sm:max-w-md md:max-w-lg lg:max-w-2xl xl:max-w-3xl mt-52 mx-auto bg-page-dark p-2 rounded-lg shadow-lg\"\n      >\n        <!-- loader icon -->\n        <div v-show=\"loading\" class=\"mx-auto text-center\">\n          <UiLoadSpinner v-show=\"loading\" />\n        </div>\n        <!-- added item info -->\n        <div v-if=\"!loading !== null\" class=\"flex justify-between items-center\">\n          <!-- modal title -->\n          <h2 class=\"text-lg text-txt-light\">\n            {{ $t('Switch currency') }}\n          </h2>\n          <div>\n            <!-- close modal -->\n            <button\n              type=\"button\"\n              class=\"w-8 h-8 p-2 bg-primary text-txt-light hover:shadow-sm items-center rounded-md font-sans font-light text-sm disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none\"\n              @click=\"currencyModalStore.closeCurrencyModal()\"\n            >\n              <font-awesome-icon :icon=\"['fas', 'times']\" />\n            </button>\n          </div>\n        </div>\n        <!-- modal content -->\n        <div class=\"p-2 my-5 flex content-center\">\n          <div class=\"text-4xl m-2\">\n            <font-awesome-icon :icon=\"['fas', 'info-circle']\" class=\"\" />\n          </div>\n          <div class=\"m-2 font-sans font-light\">\n            {{ $t('We charge you in HUF') }}<br />\n            <span class=\"text-sm\"\n              >{{\n                $t(\n                  'Prices shown in other currencies serve for informative purposes only'\n                )\n              }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Transition>\n</template>\n"],"names":["loading","ref","currencyModalStore","useCurrencyModalStore","currencymodalStatus","computed"],"mappings":"uxBAQE,IAAIA,EAAUC,EAAI,EAAK,EAOvB,MAAMC,EAAqBC,EAAuB,EAC5CC,EAAsBC,EAAS,IAAMH,EAAmB,aAAa"}