{"version":3,"file":"DusvVk3g.js","sources":["../../../../src/components/components/core/popup/minilu/popup.vue"],"sourcesContent":["<template>\n  <ClientOnly>\n    <div ref=\"observableNode\" :class=\"containerClass\" class=\"popup\">\n      <Popper\n        :class=\"`minilu-popper ${customPopperClass}`\"\n        arrow\n        hover\n        :placement=\"isMobileScreen ? 'bottom' : 'right-start'\"\n        :offset-skid=\"isMobileScreen ? '0' : '-8px'\"\n        :offset-distance=\"offsetDistance\"\n      >\n        <button type=\"button\">\n          <FaIcon\n            icon-class=\"fad fa-circle-info\"\n            style=\"\n              --fa-primary-color: var(--minilu-font);\n              --fa-secondary-color: var(--minilu-orange);\n            \"\n          />\n        </button>\n        <template #content=\"{ close }\">\n          <div ref=\"observableNodeContent\" class=\"content\">\n            <slot />\n            <button\n              v-if=\"isMobileScreen\"\n              type=\"button\"\n              class=\"text-white ml-md r-xms\"\n              @click=\"close\"\n            >\n              <FaIcon icon-class=\"fas fa-xmark\" />\n            </button>\n          </div>\n        </template>\n      </Popper>\n    </div>\n  </ClientOnly>\n</template>\n<script setup lang=\"ts\">\n// Wrapped in Client-Only due to SSR-Errors => https://github.com/valgeirb/vue3-popper/issues/56\nimport Popper from 'vue3-popper';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst isMobileScreen = inject(mq_breakpointIsMobile);\n\n/** Props */\ndefineProps({\n  containerClass: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  customPopperClass: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  offsetDistance: {\n    type: String,\n    required: false,\n    default: '0',\n  },\n});\n</script>\n<style scoped lang=\"postcss\">\n:deep(.popper) {\n  @apply md:!w-auto !max-w-md !py-sm md:!py-md !px-md !rounded-minilu-lg;\n}\n.popup {\n  @apply ml-xs;\n}\n\n.content {\n  @apply flex items-start;\n}\n</style>\n"],"names":["isMobileScreen","inject","mq_breakpointIsMobile"],"mappings":"qfA2CM,MAAAA,EAAiBC,EAAOC,CAAqB"}