{"version":3,"file":"tibLjUKe.js","sources":["../../../../components/layout/errors/BackendError.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nconst theme = inject<'light' | 'dark'>('theme');\r\n\r\nconst errorsState = useErrorsStore();\r\nconst { errors, hasErrors } = storeToRefs(errorsState);\r\n\r\nfunction removeErrors() {\r\n  errorsState.removeErrors();\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"hasErrors\" class=\"backend-error\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col\">\r\n          <div class=\"error-box\">\r\n            <Button\r\n              class=\"button--icon\"\r\n              variant=\"outlined\"\r\n              :title=\"$t('server-validations.actions.close')\"\r\n              :theme=\"theme\"\r\n              @click=\"removeErrors\"\r\n            >\r\n              <svg\r\n                width=\"16\"\r\n                height=\"16\"\r\n                viewBox=\"0 0 18 18\"\r\n                fill=\"none\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <path\r\n                  d=\"m1 1 16 16m0-16L1 17\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-miterlimit=\"10\"\r\n                />\r\n              </svg>\r\n            </Button>\r\n\r\n            <div class=\"errors\">\r\n              <div v-for=\"error in errors\" :key=\"error\" class=\"errors__error\">\r\n                {{ $te(error) ? $t(error) : error }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\nhtml:has(.dialog--opened) .backend-error {\r\n  top: 0;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.backend-error {\r\n  z-index: 10001;\r\n  position: fixed;\r\n  top: var(--menu-clearfix-height);\r\n  right: 0;\r\n  left: 0;\r\n}\r\n\r\n.container {\r\n  padding-top: 1rem;\r\n}\r\n\r\n.error-box {\r\n  display: grid;\r\n  grid-template-columns: calc(1rem + 0.25rem) 1fr;\r\n  place-items: start;\r\n  grid-gap: 1rem;\r\n\r\n  padding: 0.75rem;\r\n\r\n  background-color: var(--red-neon-basic);\r\n  border-radius: 0.375rem;\r\n}\r\n\r\n.button {\r\n  height: calc(var(--font-size-base) * 1.5);\r\n}\r\n\r\n.errors__error {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  color: var(--text-primary);\r\n}\r\n</style>\r\n"],"names":["theme","inject","errorsState","useErrorsStore","errors","hasErrors","storeToRefs","removeErrors"],"mappings":"4lBACM,MAAAA,EAAQC,EAAyB,OAAO,EAExCC,EAAcC,IACd,CAAE,OAAAC,EAAQ,UAAAC,CAAU,EAAIC,EAAYJ,CAAW,EAErD,SAASK,GAAe,CACtBL,EAAY,aAAa,CAC3B"}