{"version":3,"file":"Spinner-DP48oMzE.js","sources":["../../../../../../../../../../assets/img/app/app-logo.png","../../../../../../../../../../assets/img/app/app-logo-white.png","../../../src/shared/types.ts","../../../src/shared/comp/Spinner/Spinner.vue"],"sourcesContent":["export default \"__VITE_PUBLIC_ASSET__c672fb9d__\"","export default \"__VITE_PUBLIC_ASSET__4690533a__\"","export type IMessage = {\n    type: EMessageType\n    title?: string\n    body: string\n    footer?: string\n}\n\nexport enum EMessageType {\n    Info = 'info',\n    Danger = 'danger',\n    Success = 'success',\n    Warning = 'warn',\n    Progress = 'progress'\n}\n\nexport enum EFormInputType {\n    Text = 'text',\n    Password = 'date',\n    Number = 'number',\n}","<script setup lang=\"ts\">\n\nimport {onMounted, toRef} from \"vue\";\n\nconst props = defineProps<{\n  overlay?: boolean\n  padding?: boolean\n}>()\n\nconst overlay = toRef(props, 'overlay', false)\nconst padding = toRef(props, 'padding', false)\n\nonMounted(() => {\n\n})\n</script>\n\n<template>\n  <template v-if=\"!overlay\">\n    <div class=\"spinner text-center d-flex aligns-items-center position-relative text-center spinner-background\"\n         :class=\"{padding:'padding'}\">\n      <div class=\"loader\">\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n  </template>\n  <template v-else>\n    <div class=\"overlay position-absolute h-100 w-100\">\n      <div class=\"spinner text-center d-flex aligns-items-center position-relative text-center spinner-background\">\n        <div class=\"loader\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n    </div>\n  </template>\n</template>\n<style scoped>\n.spinner {\n  z-index: 999999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  cursor: wait;\n}\n\n.spinner .loader {\n  display: inline-block;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n  top: calc(50% - 32px);\n  left: calc(50% - 18px)\n}\n\n.spinner .loader div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  margin: 3px;\n  border: 3px solid #0A61EE;\n  border-radius: 50%;\n  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #0A61EE transparent transparent transparent;\n}\n\n.spinner .loader div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner .loader div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner .loader div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n@keyframes loader {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.overlay {\n  z-index: 99999;\n  height: 100%;\n  bottom: 0;\n  background-color: background;\n  border-radius: inherit;\n}\n\n.overlay {\n  background-color: rgb(var(--bs-body-bg-rgb), 0.70) !important;\n}\n\n.spinner.padding {\n  padding: 50px 0 50px;\n}\n</style>"],"names":["_imports_0","_imports_1","EMessageType","props","__props","overlay","toRef","onMounted"],"mappings":"8JAAA,MAAeA,EAAA,+BCAAC,EAAA,qCCOH,IAAAC,GAAAA,IACRA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,QAAU,UACVA,EAAA,QAAU,OACVA,EAAA,SAAW,WALHA,IAAAA,GAAA,CAAA,CAAA,qJCHZ,MAAMC,EAAQC,EAKRC,EAAUC,EAAMH,EAAO,UAAW,EAAK,EAC7B,OAAAG,EAAMH,EAAO,UAAW,EAAK,EAE7CI,EAAU,IAAM,CAAA,CAEf"}