{"version":3,"file":"CG65HhAD.js","sources":["../../../../src/components/components/advancedList/components/filterPanel/filterPanel.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popup\"\n    class=\"md:block\"\n    :class=\"{\n      hidden: !open,\n    }\"\n  >\n    <PopUpFrame\n      v-if=\"isMobile\"\n      show-arrow\n      top-position=\"top-md\"\n      @close=\"$emit('close')\"\n    >\n      <template #headline>\n        {{ t('andvancedList.filter.popup.headline') }}\n      </template>\n      <template #content>\n        <div class=\"!px-md max-h-[65vh] overflow-auto\">\n          <div class=\"text-sm cursor-pointer text-primary-base\">\n            <div class=\"md:ml-md mr-xs\" @click=\"$emit('resetFilters')\">\n              <FaIcon icon-class=\"fas fa-arrow-rotate-left\" />\n              {{ t('andvancedList.filterUndo') }}\n            </div>\n          </div>\n          <slot />\n        </div>\n      </template>\n    </PopUpFrame>\n\n    <div v-else class=\"!px-md md:!px-0\">\n      <slot />\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport PopUpFrame from '~/components/dialog/components/dialogFrame/popup/popupFrame.vue';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { SSR_safe_mq_breakpointIsMobile } from '~/injectionSymbols';\n\nconst { t } = useTrans();\nconst isMobile = inject(SSR_safe_mq_breakpointIsMobile);\n\nconst emit = defineEmits<{\n  (e: 'close'): void;\n  (e: 'resetFilters'): void;\n}>();\n\nconst popup = ref();\nonClickOutside(popup, () => emit('close'));\n\ndefineProps({\n  open: {\n    type: Boolean,\n    default: false,\n  },\n});\n</script>\n"],"names":["t","useTrans","isMobile","inject","SSR_safe_mq_breakpointIsMobile","emit","__emit","popup","ref","onClickOutside"],"mappings":"4eAwCM,KAAA,CAAE,EAAAA,GAAMC,IACRC,EAAWC,EAAOC,CAA8B,EAEhDC,EAAOC,EAKPC,EAAQC,IACd,OAAAC,EAAeF,EAAO,IAAMF,EAAK,OAAO,CAAC"}