{"version":3,"file":"useFilters.68eabb85.js","sources":["../../../vite/src/apps/components/ui/list-box.vue","../../../vite/src/apps/components/ui/pagination.vue","../../../vite/src/apps/composable/usePagination.js","../../../vite/src/apps/composable/useFilters.js"],"sourcesContent":["<template>\n  <Listbox as=\"div\" v-model=\"selectedObject\" >\n    <ListboxLabel v-if=\"label\" class=\"block text-sm font-medium leading-6 text-gray-900 mb-2\">{{ label }}</ListboxLabel>\n    <div class=\"relative\">\n      <ListboxButton class=\"relative w-full cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6\">\n        <span class=\"block truncate\">{{ selectedObject && selectedObject.name || defaultName }}</span>\n        <span class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2\">\n          <ChevronUpDownIcon class=\"h-5 w-5 text-gray-400\" aria-hidden=\"true\" />\n        </span>\n      </ListboxButton>\n\n      <transition leave-active-class=\"transition ease-in duration-100\" leave-from-class=\"opacity-100\" leave-to-class=\"opacity-0\">\n        <ListboxOptions class=\"absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm\">\n          <ListboxOption as=\"template\" v-for=\"(option, index) in options\" :key=\"option.value\" :value=\"option\" v-slot=\"{ active, selected }\">\n            <li :class=\"[active ? 'bg-indigo-600 text-white' : 'text-gray-900', 'relative cursor-default select-none py-2 pl-3 pr-9']\">\n              <span :class=\"[selected ? 'font-semibold' : 'font-normal', 'block truncate']\">{{ option.name }}</span>\n\n              <span v-if=\"selected\" :class=\"[active ? 'text-white' : 'text-indigo-600', 'absolute inset-y-0 right-0 flex items-center pr-4']\">\n                <CheckIcon class=\"h-5 w-5\" aria-hidden=\"true\" />\n              </span>\n            </li>\n          </ListboxOption>\n        </ListboxOptions>\n      </transition>\n    </div>\n  </Listbox>\n</template>\n<script setup>\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOptions,\n  ListboxOption, ListboxLabel,\n} from '@headlessui/vue'\nimport { CheckIcon, ChevronUpDownIcon } from '@heroicons/vue/20/solid'\nimport { ref, watch } from 'vue'\n\nconst props = defineProps({\n  options: {\n    type: Array,\n    default: () => ([])\n  },\n  label: {\n    type: String,\n    default: null\n  },\n  defaultName: {\n    type: String,\n    default: null\n  },\n  modelValue: {\n    type: Object,\n    default: () => ({})\n  }\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst selectedObject = ref(null)\n\nwatch(() => props.modelValue, (newObj, oldValue) => {\n  if (!oldValue || newObj.value !== oldValue.value) {\n    selectedObject.value = JSON.parse(JSON.stringify(newObj))\n  }\n}, {\n  immediate: true\n})\n\nwatch(() => selectedObject.value, (newObj, oldValue) => {\n  if (!oldValue || newObj.value !== oldValue.value) {\n    emit('update:modelValue', newObj)\n  }\n})\n\n\n</script>\n","<template>\n  <nav v-if=\"pagination && pagination.to && pagination.to > 1\" class=\"flex items-center space-x-4 justify-between px-4 py-3 sm:px-6\" aria-label=\"Pagination\">\n    <div class=\"hidden sm:block\">\n      <p class=\"text-sm text-gray-700\">\n        pagina\n        {{ ' ' }}\n        <span class=\"font-medium\">{{ pagination.currentPage }}</span>\n        {{ ' ' }}\n        di\n        {{ ' ' }}\n        <span class=\"font-medium\">{{ pagination.pages }}</span>\n      </p>\n    </div>\n    <div class=\"hidden sm:block\">\n      <p class=\"text-sm text-gray-700\">\n        da\n        {{ ' ' }}\n        <span class=\"font-medium\">{{ pagination.from }}</span>\n        {{ ' ' }}\n        a\n        {{ ' ' }}\n        <span class=\"font-medium\">{{ pagination.to }}</span>\n        {{ ' ' }}\n        di\n        {{ ' ' }}\n        <span class=\"font-medium\">{{ pagination.totalItems }}</span>\n      </p>\n    </div>\n    <div class=\"flex flex-1 justify-between sm:justify-end\">\n      <a href=\"#\" class=\"relative inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus-visible:outline-offset-0\"\n         v-if=\"pagination.currentPage > 1\"\n         @click.prevent=\"$emit('change', pagination.currentPage - 1)\"\n      >Prec.</a>\n      <a href=\"#\" class=\"relative ml-3 inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus-visible:outline-offset-0\"\n         v-if=\"pagination.currentPage < pagination.pages\"\n         @click.prevent=\"$emit('change', pagination.currentPage + 1)\"\n      >Succ.</a>\n    </div>\n  </nav>\n</template>\n<script setup>\nimport {computed} from 'vue'\n\nconst props = defineProps({\n  paginationInfo: {\n    type: Object,\n    default: () => ({})\n  }\n})\n\nconst pagination = computed(() => {\n  if (props.paginationInfo) {\n    const {\n      currentPage,\n      pages,\n      from,\n      to,\n      pageItems,\n      totalItems\n    } = props.paginationInfo\n    return {\n      currentPage,\n      pages,\n      from,\n      to,\n      pageItems,\n      totalItems\n    }\n  }\n  return {}\n})\n\ndefineEmits([\n  'change'\n])\n\n</script>\n","export const usePagination = ({ currentPage, perPage, currentItemsCount, allItemsCount}) => {\n  const pages = allItemsCount < +perPage ? 1 : Math.ceil(allItemsCount / +perPage)\n  const from = currentPage === 1 ? currentPage : (currentPage - 1) * +perPage + 1\n  const to = currentPage < pages ? from + +perPage - 1 : allItemsCount\n\n  return {\n    currentPage,\n    pages,\n    from,\n    to,\n    pageItems: currentItemsCount,\n    totalItems: allItemsCount\n  }\n}\n","import _ from \"lodash\";\n\nexport const useFilters = () => ({\n  uppercase: function (value) {\n    return _.toUpper(value);\n  },\n  lowercase: function (value) {\n    return _.toLower(value);\n  },\n  capitalize: function (value) {\n    return _.capitalize(value);\n  },\n  currency: function(value) {\n    return value.toLocaleString('it-IT', {\n      currency: 'EUR',\n\n      style: 'currency'\n    });\n  },\n  localDate: function(value) {\n    return `${value.giorno || '??'}/${value.mese || '??'}/${value.anno || '??'}`;\n  },\n  absolutURL: function(relativePath) {\n    return `${window ? window.location.origin : './'}${relativePath}`\n  },\n  joinUnique: function (arrayValue) {\n    return _.uniq(arrayValue).join(', ')\n  }\n})\n"],"names":["selectedObject","ref","watch","props","newObj","oldValue","emit","pagination","computed","currentPage","pages","from","to","pageItems","totalItems","usePagination","perPage","currentItemsCount","allItemsCount","useFilters","value","_","relativePath","arrayValue"],"mappings":"4mBA0DMA,EAAiBC,EAAI,IAAI,EAE/B,OAAAC,EAAM,IAAMC,EAAM,WAAY,CAACC,EAAQC,IAAa,EAC9C,CAACA,GAAYD,EAAO,QAAUC,EAAS,SACzCL,EAAe,MAAQ,KAAK,MAAM,KAAK,UAAUI,CAAM,CAAC,EAE5D,EAAG,CACD,UAAW,EACb,CAAC,EAEDF,EAAM,IAAMF,EAAe,MAAO,CAACI,EAAQC,IAAa,EAClD,CAACA,GAAYD,EAAO,QAAUC,EAAS,QACzCC,EAAK,oBAAqBF,CAAM,CAEpC,CAAC,0rGCtBKG,EAAaC,EAAS,IAAM,CAChC,GAAIL,EAAM,eAAgB,CACxB,KAAM,CACJ,YAAAM,EACA,MAAAC,EACA,KAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,CACD,EAAGX,EAAM,eACV,MAAO,CACL,YAAAM,EACA,MAAAC,EACA,KAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,CACD,CACF,CACD,MAAO,CAAE,CACX,CAAC,ukCCtEYC,GAAgB,CAAC,CAAE,YAAAN,EAAa,QAAAO,EAAS,kBAAAC,EAAmB,cAAAC,CAAa,IAAM,CAC1F,MAAMR,EAAQQ,EAAgB,CAACF,EAAU,EAAI,KAAK,KAAKE,EAAgB,CAACF,CAAO,EACzEL,EAAOF,IAAgB,EAAIA,GAAeA,EAAc,GAAK,CAACO,EAAU,EACxEJ,EAAKH,EAAcC,EAAQC,GAAO,CAACK,EAAU,EAAIE,EAEvD,MAAO,CACL,YAAAT,EACA,MAAAC,EACA,KAAAC,EACA,GAAAC,EACA,UAAWK,EACX,WAAYC,CACb,CACH,ECXaC,GAAa,KAAO,CAC/B,UAAW,SAAUC,EAAO,CAC1B,OAAOC,EAAE,QAAQD,CAAK,CACvB,EACD,UAAW,SAAUA,EAAO,CAC1B,OAAOC,EAAE,QAAQD,CAAK,CACvB,EACD,WAAY,SAAUA,EAAO,CAC3B,OAAOC,EAAE,WAAWD,CAAK,CAC1B,EACD,SAAU,SAASA,EAAO,CACxB,OAAOA,EAAM,eAAe,QAAS,CACnC,SAAU,MAEV,MAAO,UACb,CAAK,CACF,EACD,UAAW,SAASA,EAAO,CACzB,MAAO,GAAGA,EAAM,QAAU,QAAQA,EAAM,MAAQ,QAAQA,EAAM,MAAQ,MACvE,EACD,WAAY,SAASE,EAAc,CACjC,MAAO,GAAG,OAAS,OAAO,SAAS,OAAS,OAAOA,GACpD,EACD,WAAY,SAAUC,EAAY,CAChC,OAAOF,EAAE,KAAKE,CAAU,EAAE,KAAK,IAAI,CACpC,CACH"}