@davincihealthcare/elty-design-system-vue 1.72.0 → 1.72.1

package/dist/table/ElTablePagination.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElTablePagination.vue.cjs2.js","sources":["../../../src/table/ElTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { computed, ref, watch } from 'vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ninterface Props {\n  rows: T[];\n  rowsPerPage?: number;\n  pagesBeforeDots?: number; // < 1,2,3....13,14,15 > in this case it's 3\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  rowsPerPage: 15,\n  pagesBeforeDots: 3,\n  hideFooter: false,\n});\n\nconst currentPage = ref(0);\n\nconst totalRowsNumber = computed(() => props.rows.length);\n\nconst emitCurrentTabRows = () => emit('update:currentTabRows', props.rows.slice(currentStartItem.value, currentEndItem.value + 1));\n\nconst currentStartItem = computed(() => {\n  return currentPage.value * props.rowsPerPage;\n});\n\nconst currentEndItem = computed(() => {\n  const end = currentStartItem.value + props.rowsPerPage - 1;\n  return end <= totalRowsNumber.value ? end : totalRowsNumber.value - 1;\n});\n\nconst emit = defineEmits<{\n  (event: 'update:currentTabRows', rows: T[]): void;\n  (event: 'update:currentPage', page: number): void;\n  (event: 'change', page: number): void;\n}>();\n\n// number of pages, given number of rows and rows per page\nconst totalPages = computed(() => Math.ceil(totalRowsNumber.value / props.rowsPerPage));\n\nconst prevPageDisabled = computed(() => currentPage.value <= 0);\nconst nextPageDisabled = computed(() => currentPage.value >= totalPages.value - 1);\n\nconst onPageChange = (page: number) => {\n  if (page > 0 && page <= totalPages.value && page !== currentPage.value) {\n    emit('update:currentPage', page);\n    emit('change', page);\n  }\n  emitCurrentTabRows();\n};\n\n// reset current page if filters have been applied\nwatch(\n  () => props.rows,\n  () => {\n    currentPage.value = 0;\n  },\n);\n\nconst goToPage = (pageNumber: number) => {\n  console.log('goToPage', pageNumber, currentPage.value, sliceStart.value, totalPages.value);\n  // only allow going to valid pages\n  if (pageNumber < 0 || pageNumber >= totalPages.value) return;\n  currentPage.value = pageNumber;\n  onPageChange(pageNumber);\n};\n\nfunction useNumberedPages() {\n  const sliceStart = ref(0);\n  const sliceArray = computed(() => range(totalPages.value).slice(sliceStart.value, sliceStart.value + props.pagesBeforeDots));\n\n  watch(\n    () => [props.pagesBeforeDots, props.rows, props.rowsPerPage, totalPages.value, currentPage.value],\n    () => {\n      calculateSliceStart();\n      emitCurrentTabRows();\n    },\n    {\n      immediate: true,\n    },\n  );\n\n  const range = (end: number, start: number = 0, step: number = 1) => {\n    const arr = [];\n    for (let i = start; i < end; i += step) {\n      arr.push(i);\n    }\n    return arr;\n  };\n\n  function calculateSliceStart() {\n    const chunkSize = props.pagesBeforeDots;\n    const currentChunkStart = sliceStart.value;\n    const currentChunkEnd = currentChunkStart + chunkSize;\n\n    if (currentPage.value >= currentChunkEnd) {\n      const lastChunkStart = totalPages.value - chunkSize;\n      if (currentPage.value > lastChunkStart) {\n        sliceStart.value = lastChunkStart;\n      } else {\n        sliceStart.value = currentPage.value;\n      }\n    } else if (currentPage.value < currentChunkStart) {\n      if (currentPage.value > chunkSize) {\n        sliceStart.value = currentPage.value + 1 - chunkSize;\n      } else {\n        if (currentPage.value >= 3) {\n          sliceStart.value = currentPage.value - 1;\n        } else {\n          sliceStart.value = 0;\n        }\n      }\n    }\n  }\n\n  return {\n    sliceStart,\n    sliceArray,\n  };\n}\nconst { sliceStart, sliceArray } = useNumberedPages();\n</script>\n\n<template>\n  <div v-if=\"!hideFooter\" class=\"bg-white flex items-center rounded-b-md border-t border-neutral-surface px-4 sm:px-6 py-4\">\n    <!-- Small Screen -->\n    <ul class=\"pagination w-fit mx-auto flex items-center rounded-md border border-surface bg-white md:hidden\">\n      <!--Previous-->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          class=\"-ml-px\"\n          :icon=\"{\n            name: 'ChevronLeftIcon',\n          }\"\n          :disabled=\"prevPageDisabled\"\n          @click=\"goToPage(currentPage - 1)\"\n        />\n      </li>\n\n      <!--Pages-->\n      <li\n        v-for=\"item in sliceArray\"\n        :key=\"item\"\n        :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n      >\n        <button\n          type=\"button\"\n          :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n          @click.prevent=\"goToPage(item)\"\n        >\n          {{ item + 1 }}\n        </button>\n      </li>\n\n      <!-- Expand pages button (...) -->\n      <li\n        v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 3 && (sliceArray.at(-1) ?? 0) < totalPages - 1\"\n        class=\"border-x-[1px] border-surface -my-px -ml-px\"\n      >\n        <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n          <span aria-hidden=\"true\">&hellip;</span>\n        </button>\n      </li>\n\n      <!-- Next -->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          :icon=\"{\n            name: 'ChevronRightIcon',\n          }\"\n          :disabled=\"nextPageDisabled\"\n          @click=\"goToPage(currentPage + 1)\"\n        />\n      </li>\n    </ul>\n\n    <!-- Large Screen -->\n    <div class=\"hidden md:flex flex-1 items-center w-full\">\n      <nav class=\"mx-auto\" aria-label=\"Page navigation\">\n        <ul class=\"pagination flex items-center rounded-md border border-surface bg-white\">\n          <!--Previous-->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronLeftIcon',\n              }\"\n              :disabled=\"prevPageDisabled\"\n              @click=\"goToPage(currentPage - 1)\"\n            />\n          </li>\n\n          <!-- First 2 pages -->\n          <li v-if=\"sliceStart > 0 && totalPages > pagesBeforeDots\" class=\"border-x-[1px] border-surface -ml-px\">\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(0)\">1</button>\n          </li>\n          <li\n            v-if=\"(sliceStart > 2 && totalPages > pagesBeforeDots + 1) || (sliceStart > 0 && totalPages === 5)\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(1)\">2</button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li v-if=\"sliceStart > 0 && totalPages > 5\" class=\"border-x-[1px] border-surface -my-px -ml-px\">\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(0) ?? 1) - 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!--Pages-->\n          <li\n            v-for=\"item in sliceArray\"\n            :key=\"item\"\n            :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n          >\n            <button\n              type=\"button\"\n              :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n              @click.prevent=\"goToPage(item)\"\n            >\n              {{ item + 1 }}\n            </button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 5 && (sliceArray.at(-1) ?? 0) < totalPages - 2\"\n            class=\"border-x-[1px] border-surface -my-px -ml-px\"\n          >\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!-- Last 2 pages -->\n          <li\n            v-if=\"\n              sliceStart < totalPages - pagesBeforeDots &&\n              totalPages >= pagesBeforeDots + 2 &&\n              (totalPages === 5 || (sliceArray.at(-1) ?? 0) < totalPages - 3)\n            \"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 2)\">\n              {{ totalPages - 1 }}\n            </button>\n          </li>\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages >= pagesBeforeDots + 1\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 1)\">\n              {{ totalPages }}\n            </button>\n          </li>\n\n          <!-- Next -->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronRightIcon',\n              }\"\n              :disabled=\"nextPageDisabled\"\n              @click=\"goToPage(currentPage + 1)\"\n            />\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","currentPage","ref","totalRowsNumber","computed","emitCurrentTabRows","emit","currentStartItem","currentEndItem","end","__emit","totalPages","prevPageDisabled","nextPageDisabled","onPageChange","page","watch","goToPage","pageNumber","sliceStart","useNumberedPages","sliceArray","range","calculateSliceStart","start","step","arr","i","chunkSize","currentChunkStart","currentChunkEnd","lastChunkStart"],"mappings":"48CAWA,MAAMA,EAAQC,EAMRC,EAAcC,MAAI,CAAC,EAEnBC,EAAkBC,EAAAA,SAAS,IAAML,EAAM,KAAK,MAAM,EAElDM,EAAqB,IAAMC,EAAK,wBAAyBP,EAAM,KAAK,MAAMQ,EAAiB,MAAOC,EAAe,MAAQ,CAAC,CAAC,EAE3HD,EAAmBH,EAAAA,SAAS,IACzBH,EAAY,MAAQF,EAAM,WAClC,EAEKS,EAAiBJ,EAAAA,SAAS,IAAM,CACpC,MAAMK,EAAMF,EAAiB,MAAQR,EAAM,YAAc,EACzD,OAAOU,GAAON,EAAgB,MAAQM,EAAMN,EAAgB,MAAQ,CAAA,CACrE,EAEKG,EAAOI,EAOPC,EAAaP,WAAS,IAAM,KAAK,KAAKD,EAAgB,MAAQJ,EAAM,WAAW,CAAC,EAEhFa,EAAmBR,EAAAA,SAAS,IAAMH,EAAY,OAAS,CAAC,EACxDY,EAAmBT,EAAS,SAAA,IAAMH,EAAY,OAASU,EAAW,MAAQ,CAAC,EAE3EG,EAAgBC,GAAiB,CACjCA,EAAO,GAAKA,GAAQJ,EAAW,OAASI,IAASd,EAAY,QAC/DK,EAAK,qBAAsBS,CAAI,EAC/BT,EAAK,SAAUS,CAAI,GAEFV,GAAA,EAIrBW,EAAA,MACE,IAAMjB,EAAM,KACZ,IAAM,CACJE,EAAY,MAAQ,CACtB,CAAA,EAGI,MAAAgB,EAAYC,GAAuB,CAC/B,QAAA,IAAI,WAAYA,EAAYjB,EAAY,MAAOkB,EAAW,MAAOR,EAAW,KAAK,EAErF,EAAAO,EAAa,GAAKA,GAAcP,EAAW,SAC/CV,EAAY,MAAQiB,EACpBJ,EAAaI,CAAU,EAAA,EAGzB,SAASE,GAAmB,CACpBD,MAAAA,EAAajB,MAAI,CAAC,EAClBmB,EAAajB,EAAAA,SAAS,IAAMkB,EAAMX,EAAW,KAAK,EAAE,MAAMQ,EAAW,MAAOA,EAAW,MAAQpB,EAAM,eAAe,CAAC,EAE3HiB,EAAA,MACE,IAAM,CAACjB,EAAM,gBAAiBA,EAAM,KAAMA,EAAM,YAAaY,EAAW,MAAOV,EAAY,KAAK,EAChG,IAAM,CACgBsB,IACDlB,GACrB,EACA,CACE,UAAW,EACb,CAAA,EAGF,MAAMiB,EAAQ,CAACb,EAAae,EAAgB,EAAGC,EAAe,IAAM,CAClE,MAAMC,EAAM,CAAA,EACZ,QAASC,EAAIH,EAAOG,EAAIlB,EAAKkB,GAAKF,EAChCC,EAAI,KAAKC,CAAC,EAEL,OAAAD,CAAA,EAGT,SAASH,GAAsB,CAC7B,MAAMK,EAAY7B,EAAM,gBAClB8B,EAAoBV,EAAW,MAC/BW,EAAkBD,EAAoBD,EAExC,GAAA3B,EAAY,OAAS6B,EAAiB,CAClC,MAAAC,EAAiBpB,EAAW,MAAQiB,EACtC3B,EAAY,MAAQ8B,EACtBZ,EAAW,MAAQY,EAEnBZ,EAAW,MAAQlB,EAAY,KACjC,MACSA,EAAY,MAAQ4B,IACzB5B,EAAY,MAAQ2B,EACtBT,EAAW,MAAQlB,EAAY,MAAQ,EAAI2B,EAEvC3B,EAAY,OAAS,EACvBkB,EAAW,MAAQlB,EAAY,MAAQ,EAEvCkB,EAAW,MAAQ,EAI3B,CAEO,MAAA,CACL,WAAAA,EACA,WAAAE,CAAA,CAEJ,CACA,KAAM,CAAE,WAAAF,EAAY,WAAAE,CAAW,EAAID,EAAiB"}
+{"version":3,"file":"ElTablePagination.vue.cjs2.js","sources":["../../src/table/ElTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { computed, ref, watch } from 'vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ninterface Props {\n  rows: T[];\n  rowsPerPage?: number;\n  pagesBeforeDots?: number; // < 1,2,3....13,14,15 > in this case it's 3\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  rowsPerPage: 15,\n  pagesBeforeDots: 3,\n  hideFooter: false,\n});\n\nconst currentPage = ref(0);\n\nconst totalRowsNumber = computed(() => props.rows.length);\n\nconst emitCurrentTabRows = () => emit('update:currentTabRows', props.rows.slice(currentStartItem.value, currentEndItem.value + 1));\n\nconst currentStartItem = computed(() => {\n  return currentPage.value * props.rowsPerPage;\n});\n\nconst currentEndItem = computed(() => {\n  const end = currentStartItem.value + props.rowsPerPage - 1;\n  return end <= totalRowsNumber.value ? end : totalRowsNumber.value - 1;\n});\n\nconst emit = defineEmits<{\n  (event: 'update:currentTabRows', rows: T[]): void;\n  (event: 'update:currentPage', page: number): void;\n  (event: 'change', page: number): void;\n}>();\n\n// number of pages, given number of rows and rows per page\nconst totalPages = computed(() => Math.ceil(totalRowsNumber.value / props.rowsPerPage));\n\nconst prevPageDisabled = computed(() => currentPage.value <= 0);\nconst nextPageDisabled = computed(() => currentPage.value >= totalPages.value - 1);\n\nconst onPageChange = (page: number) => {\n  if (page > 0 && page <= totalPages.value && page !== currentPage.value) {\n    emit('update:currentPage', page);\n    emit('change', page);\n  }\n  emitCurrentTabRows();\n};\n\n// reset current page if filters have been applied\nwatch(\n  () => props.rows,\n  () => {\n    currentPage.value = 0;\n  },\n);\n\nconst goToPage = (pageNumber: number) => {\n  console.log('goToPage', pageNumber, currentPage.value, sliceStart.value, totalPages.value);\n  // only allow going to valid pages\n  if (pageNumber < 0 || pageNumber >= totalPages.value) return;\n  currentPage.value = pageNumber;\n  onPageChange(pageNumber);\n};\n\nfunction useNumberedPages() {\n  const sliceStart = ref(0);\n  const sliceArray = computed(() => range(totalPages.value).slice(sliceStart.value, sliceStart.value + props.pagesBeforeDots));\n\n  watch(\n    () => [props.pagesBeforeDots, props.rows, props.rowsPerPage, totalPages.value, currentPage.value],\n    () => {\n      calculateSliceStart();\n      emitCurrentTabRows();\n    },\n    {\n      immediate: true,\n    },\n  );\n\n  const range = (end: number, start: number = 0, step: number = 1) => {\n    const arr = [];\n    for (let i = start; i < end; i += step) {\n      arr.push(i);\n    }\n    return arr;\n  };\n\n  function calculateSliceStart() {\n    const chunkSize = props.pagesBeforeDots;\n    const currentChunkStart = sliceStart.value;\n    const currentChunkEnd = currentChunkStart + chunkSize;\n\n    if (currentPage.value >= currentChunkEnd) {\n      const lastChunkStart = totalPages.value - chunkSize;\n      if (currentPage.value > lastChunkStart) {\n        sliceStart.value = lastChunkStart;\n      } else {\n        sliceStart.value = currentPage.value;\n      }\n    } else if (currentPage.value < currentChunkStart) {\n      if (currentPage.value > chunkSize) {\n        sliceStart.value = currentPage.value + 1 - chunkSize;\n      } else {\n        if (currentPage.value >= 3) {\n          sliceStart.value = currentPage.value - 1;\n        } else {\n          sliceStart.value = 0;\n        }\n      }\n    }\n  }\n\n  return {\n    sliceStart,\n    sliceArray,\n  };\n}\nconst { sliceStart, sliceArray } = useNumberedPages();\n</script>\n\n<template>\n  <div v-if=\"!hideFooter\" class=\"bg-white flex items-center rounded-b-md border-t border-neutral-surface px-4 sm:px-6 py-4\">\n    <!-- Small Screen -->\n    <ul class=\"pagination w-fit mx-auto flex items-center rounded-md border border-surface bg-white md:hidden\">\n      <!--Previous-->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          class=\"-ml-px\"\n          :icon=\"{\n            name: 'ChevronLeftIcon',\n          }\"\n          :disabled=\"prevPageDisabled\"\n          @click=\"goToPage(currentPage - 1)\"\n        />\n      </li>\n\n      <!--Pages-->\n      <li\n        v-for=\"item in sliceArray\"\n        :key=\"item\"\n        :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n      >\n        <button\n          type=\"button\"\n          :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n          @click.prevent=\"goToPage(item)\"\n        >\n          {{ item + 1 }}\n        </button>\n      </li>\n\n      <!-- Expand pages button (...) -->\n      <li\n        v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 3 && (sliceArray.at(-1) ?? 0) < totalPages - 1\"\n        class=\"border-x-[1px] border-surface -my-px -ml-px\"\n      >\n        <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n          <span aria-hidden=\"true\">&hellip;</span>\n        </button>\n      </li>\n\n      <!-- Next -->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          :icon=\"{\n            name: 'ChevronRightIcon',\n          }\"\n          :disabled=\"nextPageDisabled\"\n          @click=\"goToPage(currentPage + 1)\"\n        />\n      </li>\n    </ul>\n\n    <!-- Large Screen -->\n    <div class=\"hidden md:flex flex-1 items-center w-full\">\n      <nav class=\"mx-auto\" aria-label=\"Page navigation\">\n        <ul class=\"pagination flex items-center rounded-md border border-surface bg-white\">\n          <!--Previous-->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronLeftIcon',\n              }\"\n              :disabled=\"prevPageDisabled\"\n              @click=\"goToPage(currentPage - 1)\"\n            />\n          </li>\n\n          <!-- First 2 pages -->\n          <li v-if=\"sliceStart > 0 && totalPages > pagesBeforeDots\" class=\"border-x-[1px] border-surface -ml-px\">\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(0)\">1</button>\n          </li>\n          <li\n            v-if=\"(sliceStart > 2 && totalPages > pagesBeforeDots + 1) || (sliceStart > 0 && totalPages === 5)\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(1)\">2</button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li v-if=\"sliceStart > 0 && totalPages > 5\" class=\"border-x-[1px] border-surface -my-px -ml-px\">\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(0) ?? 1) - 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!--Pages-->\n          <li\n            v-for=\"item in sliceArray\"\n            :key=\"item\"\n            :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n          >\n            <button\n              type=\"button\"\n              :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n              @click.prevent=\"goToPage(item)\"\n            >\n              {{ item + 1 }}\n            </button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 5 && (sliceArray.at(-1) ?? 0) < totalPages - 2\"\n            class=\"border-x-[1px] border-surface -my-px -ml-px\"\n          >\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!-- Last 2 pages -->\n          <li\n            v-if=\"\n              sliceStart < totalPages - pagesBeforeDots &&\n              totalPages >= pagesBeforeDots + 2 &&\n              (totalPages === 5 || (sliceArray.at(-1) ?? 0) < totalPages - 3)\n            \"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 2)\">\n              {{ totalPages - 1 }}\n            </button>\n          </li>\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages >= pagesBeforeDots + 1\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 1)\">\n              {{ totalPages }}\n            </button>\n          </li>\n\n          <!-- Next -->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronRightIcon',\n              }\"\n              :disabled=\"nextPageDisabled\"\n              @click=\"goToPage(currentPage + 1)\"\n            />\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","currentPage","ref","totalRowsNumber","computed","emitCurrentTabRows","emit","currentStartItem","currentEndItem","end","__emit","totalPages","prevPageDisabled","nextPageDisabled","onPageChange","page","watch","goToPage","pageNumber","sliceStart","useNumberedPages","sliceArray","range","calculateSliceStart","start","step","arr","i","chunkSize","currentChunkStart","currentChunkEnd","lastChunkStart"],"mappings":"48CAWA,MAAMA,EAAQC,EAMRC,EAAcC,MAAI,CAAC,EAEnBC,EAAkBC,EAAAA,SAAS,IAAML,EAAM,KAAK,MAAM,EAElDM,EAAqB,IAAMC,EAAK,wBAAyBP,EAAM,KAAK,MAAMQ,EAAiB,MAAOC,EAAe,MAAQ,CAAC,CAAC,EAE3HD,EAAmBH,EAAAA,SAAS,IACzBH,EAAY,MAAQF,EAAM,WAClC,EAEKS,EAAiBJ,EAAAA,SAAS,IAAM,CACpC,MAAMK,EAAMF,EAAiB,MAAQR,EAAM,YAAc,EACzD,OAAOU,GAAON,EAAgB,MAAQM,EAAMN,EAAgB,MAAQ,CAAA,CACrE,EAEKG,EAAOI,EAOPC,EAAaP,WAAS,IAAM,KAAK,KAAKD,EAAgB,MAAQJ,EAAM,WAAW,CAAC,EAEhFa,EAAmBR,EAAAA,SAAS,IAAMH,EAAY,OAAS,CAAC,EACxDY,EAAmBT,EAAS,SAAA,IAAMH,EAAY,OAASU,EAAW,MAAQ,CAAC,EAE3EG,EAAgBC,GAAiB,CACjCA,EAAO,GAAKA,GAAQJ,EAAW,OAASI,IAASd,EAAY,QAC/DK,EAAK,qBAAsBS,CAAI,EAC/BT,EAAK,SAAUS,CAAI,GAEFV,GAAA,EAIrBW,EAAA,MACE,IAAMjB,EAAM,KACZ,IAAM,CACJE,EAAY,MAAQ,CACtB,CAAA,EAGI,MAAAgB,EAAYC,GAAuB,CAC/B,QAAA,IAAI,WAAYA,EAAYjB,EAAY,MAAOkB,EAAW,MAAOR,EAAW,KAAK,EAErF,EAAAO,EAAa,GAAKA,GAAcP,EAAW,SAC/CV,EAAY,MAAQiB,EACpBJ,EAAaI,CAAU,EAAA,EAGzB,SAASE,GAAmB,CACpBD,MAAAA,EAAajB,MAAI,CAAC,EAClBmB,EAAajB,EAAAA,SAAS,IAAMkB,EAAMX,EAAW,KAAK,EAAE,MAAMQ,EAAW,MAAOA,EAAW,MAAQpB,EAAM,eAAe,CAAC,EAE3HiB,EAAA,MACE,IAAM,CAACjB,EAAM,gBAAiBA,EAAM,KAAMA,EAAM,YAAaY,EAAW,MAAOV,EAAY,KAAK,EAChG,IAAM,CACgBsB,IACDlB,GACrB,EACA,CACE,UAAW,EACb,CAAA,EAGF,MAAMiB,EAAQ,CAACb,EAAae,EAAgB,EAAGC,EAAe,IAAM,CAClE,MAAMC,EAAM,CAAA,EACZ,QAASC,EAAIH,EAAOG,EAAIlB,EAAKkB,GAAKF,EAChCC,EAAI,KAAKC,CAAC,EAEL,OAAAD,CAAA,EAGT,SAASH,GAAsB,CAC7B,MAAMK,EAAY7B,EAAM,gBAClB8B,EAAoBV,EAAW,MAC/BW,EAAkBD,EAAoBD,EAExC,GAAA3B,EAAY,OAAS6B,EAAiB,CAClC,MAAAC,EAAiBpB,EAAW,MAAQiB,EACtC3B,EAAY,MAAQ8B,EACtBZ,EAAW,MAAQY,EAEnBZ,EAAW,MAAQlB,EAAY,KACjC,MACSA,EAAY,MAAQ4B,IACzB5B,EAAY,MAAQ2B,EACtBT,EAAW,MAAQlB,EAAY,MAAQ,EAAI2B,EAEvC3B,EAAY,OAAS,EACvBkB,EAAW,MAAQlB,EAAY,MAAQ,EAEvCkB,EAAW,MAAQ,EAI3B,CAEO,MAAA,CACL,WAAAA,EACA,WAAAE,CAAA,CAEJ,CACA,KAAM,CAAE,WAAAF,EAAY,WAAAE,CAAW,EAAID,EAAiB"}

package/dist/table/ElTablePagination.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElTablePagination.vue.esm2.js","sources":["../../../src/table/ElTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { computed, ref, watch } from 'vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ninterface Props {\n  rows: T[];\n  rowsPerPage?: number;\n  pagesBeforeDots?: number; // < 1,2,3....13,14,15 > in this case it's 3\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  rowsPerPage: 15,\n  pagesBeforeDots: 3,\n  hideFooter: false,\n});\n\nconst currentPage = ref(0);\n\nconst totalRowsNumber = computed(() => props.rows.length);\n\nconst emitCurrentTabRows = () => emit('update:currentTabRows', props.rows.slice(currentStartItem.value, currentEndItem.value + 1));\n\nconst currentStartItem = computed(() => {\n  return currentPage.value * props.rowsPerPage;\n});\n\nconst currentEndItem = computed(() => {\n  const end = currentStartItem.value + props.rowsPerPage - 1;\n  return end <= totalRowsNumber.value ? end : totalRowsNumber.value - 1;\n});\n\nconst emit = defineEmits<{\n  (event: 'update:currentTabRows', rows: T[]): void;\n  (event: 'update:currentPage', page: number): void;\n  (event: 'change', page: number): void;\n}>();\n\n// number of pages, given number of rows and rows per page\nconst totalPages = computed(() => Math.ceil(totalRowsNumber.value / props.rowsPerPage));\n\nconst prevPageDisabled = computed(() => currentPage.value <= 0);\nconst nextPageDisabled = computed(() => currentPage.value >= totalPages.value - 1);\n\nconst onPageChange = (page: number) => {\n  if (page > 0 && page <= totalPages.value && page !== currentPage.value) {\n    emit('update:currentPage', page);\n    emit('change', page);\n  }\n  emitCurrentTabRows();\n};\n\n// reset current page if filters have been applied\nwatch(\n  () => props.rows,\n  () => {\n    currentPage.value = 0;\n  },\n);\n\nconst goToPage = (pageNumber: number) => {\n  console.log('goToPage', pageNumber, currentPage.value, sliceStart.value, totalPages.value);\n  // only allow going to valid pages\n  if (pageNumber < 0 || pageNumber >= totalPages.value) return;\n  currentPage.value = pageNumber;\n  onPageChange(pageNumber);\n};\n\nfunction useNumberedPages() {\n  const sliceStart = ref(0);\n  const sliceArray = computed(() => range(totalPages.value).slice(sliceStart.value, sliceStart.value + props.pagesBeforeDots));\n\n  watch(\n    () => [props.pagesBeforeDots, props.rows, props.rowsPerPage, totalPages.value, currentPage.value],\n    () => {\n      calculateSliceStart();\n      emitCurrentTabRows();\n    },\n    {\n      immediate: true,\n    },\n  );\n\n  const range = (end: number, start: number = 0, step: number = 1) => {\n    const arr = [];\n    for (let i = start; i < end; i += step) {\n      arr.push(i);\n    }\n    return arr;\n  };\n\n  function calculateSliceStart() {\n    const chunkSize = props.pagesBeforeDots;\n    const currentChunkStart = sliceStart.value;\n    const currentChunkEnd = currentChunkStart + chunkSize;\n\n    if (currentPage.value >= currentChunkEnd) {\n      const lastChunkStart = totalPages.value - chunkSize;\n      if (currentPage.value > lastChunkStart) {\n        sliceStart.value = lastChunkStart;\n      } else {\n        sliceStart.value = currentPage.value;\n      }\n    } else if (currentPage.value < currentChunkStart) {\n      if (currentPage.value > chunkSize) {\n        sliceStart.value = currentPage.value + 1 - chunkSize;\n      } else {\n        if (currentPage.value >= 3) {\n          sliceStart.value = currentPage.value - 1;\n        } else {\n          sliceStart.value = 0;\n        }\n      }\n    }\n  }\n\n  return {\n    sliceStart,\n    sliceArray,\n  };\n}\nconst { sliceStart, sliceArray } = useNumberedPages();\n</script>\n\n<template>\n  <div v-if=\"!hideFooter\" class=\"bg-white flex items-center rounded-b-md border-t border-neutral-surface px-4 sm:px-6 py-4\">\n    <!-- Small Screen -->\n    <ul class=\"pagination w-fit mx-auto flex items-center rounded-md border border-surface bg-white md:hidden\">\n      <!--Previous-->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          class=\"-ml-px\"\n          :icon=\"{\n            name: 'ChevronLeftIcon',\n          }\"\n          :disabled=\"prevPageDisabled\"\n          @click=\"goToPage(currentPage - 1)\"\n        />\n      </li>\n\n      <!--Pages-->\n      <li\n        v-for=\"item in sliceArray\"\n        :key=\"item\"\n        :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n      >\n        <button\n          type=\"button\"\n          :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n          @click.prevent=\"goToPage(item)\"\n        >\n          {{ item + 1 }}\n        </button>\n      </li>\n\n      <!-- Expand pages button (...) -->\n      <li\n        v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 3 && (sliceArray.at(-1) ?? 0) < totalPages - 1\"\n        class=\"border-x-[1px] border-surface -my-px -ml-px\"\n      >\n        <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n          <span aria-hidden=\"true\">&hellip;</span>\n        </button>\n      </li>\n\n      <!-- Next -->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          :icon=\"{\n            name: 'ChevronRightIcon',\n          }\"\n          :disabled=\"nextPageDisabled\"\n          @click=\"goToPage(currentPage + 1)\"\n        />\n      </li>\n    </ul>\n\n    <!-- Large Screen -->\n    <div class=\"hidden md:flex flex-1 items-center w-full\">\n      <nav class=\"mx-auto\" aria-label=\"Page navigation\">\n        <ul class=\"pagination flex items-center rounded-md border border-surface bg-white\">\n          <!--Previous-->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronLeftIcon',\n              }\"\n              :disabled=\"prevPageDisabled\"\n              @click=\"goToPage(currentPage - 1)\"\n            />\n          </li>\n\n          <!-- First 2 pages -->\n          <li v-if=\"sliceStart > 0 && totalPages > pagesBeforeDots\" class=\"border-x-[1px] border-surface -ml-px\">\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(0)\">1</button>\n          </li>\n          <li\n            v-if=\"(sliceStart > 2 && totalPages > pagesBeforeDots + 1) || (sliceStart > 0 && totalPages === 5)\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(1)\">2</button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li v-if=\"sliceStart > 0 && totalPages > 5\" class=\"border-x-[1px] border-surface -my-px -ml-px\">\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(0) ?? 1) - 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!--Pages-->\n          <li\n            v-for=\"item in sliceArray\"\n            :key=\"item\"\n            :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n          >\n            <button\n              type=\"button\"\n              :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n              @click.prevent=\"goToPage(item)\"\n            >\n              {{ item + 1 }}\n            </button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 5 && (sliceArray.at(-1) ?? 0) < totalPages - 2\"\n            class=\"border-x-[1px] border-surface -my-px -ml-px\"\n          >\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!-- Last 2 pages -->\n          <li\n            v-if=\"\n              sliceStart < totalPages - pagesBeforeDots &&\n              totalPages >= pagesBeforeDots + 2 &&\n              (totalPages === 5 || (sliceArray.at(-1) ?? 0) < totalPages - 3)\n            \"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 2)\">\n              {{ totalPages - 1 }}\n            </button>\n          </li>\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages >= pagesBeforeDots + 1\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 1)\">\n              {{ totalPages }}\n            </button>\n          </li>\n\n          <!-- Next -->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronRightIcon',\n              }\"\n              :disabled=\"nextPageDisabled\"\n              @click=\"goToPage(currentPage + 1)\"\n            />\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","currentPage","ref","totalRowsNumber","computed","emitCurrentTabRows","emit","currentStartItem","currentEndItem","end","__emit","totalPages","prevPageDisabled","nextPageDisabled","onPageChange","page","watch","goToPage","pageNumber","sliceStart","useNumberedPages","sliceArray","range","calculateSliceStart","start","step","arr","i","chunkSize","currentChunkStart","currentChunkEnd","lastChunkStart"],"mappings":"0iDAWA,MAAMA,EAAQC,EAMRC,EAAcC,EAAI,CAAC,EAEnBC,EAAkBC,EAAS,IAAML,EAAM,KAAK,MAAM,EAElDM,EAAqB,IAAMC,EAAK,wBAAyBP,EAAM,KAAK,MAAMQ,EAAiB,MAAOC,EAAe,MAAQ,CAAC,CAAC,EAE3HD,EAAmBH,EAAS,IACzBH,EAAY,MAAQF,EAAM,WAClC,EAEKS,EAAiBJ,EAAS,IAAM,CACpC,MAAMK,EAAMF,EAAiB,MAAQR,EAAM,YAAc,EACzD,OAAOU,GAAON,EAAgB,MAAQM,EAAMN,EAAgB,MAAQ,CAAA,CACrE,EAEKG,EAAOI,EAOPC,EAAaP,EAAS,IAAM,KAAK,KAAKD,EAAgB,MAAQJ,EAAM,WAAW,CAAC,EAEhFa,EAAmBR,EAAS,IAAMH,EAAY,OAAS,CAAC,EACxDY,EAAmBT,EAAS,IAAMH,EAAY,OAASU,EAAW,MAAQ,CAAC,EAE3EG,EAAgBC,GAAiB,CACjCA,EAAO,GAAKA,GAAQJ,EAAW,OAASI,IAASd,EAAY,QAC/DK,EAAK,qBAAsBS,CAAI,EAC/BT,EAAK,SAAUS,CAAI,GAEFV,GAAA,EAIrBW,EACE,IAAMjB,EAAM,KACZ,IAAM,CACJE,EAAY,MAAQ,CACtB,CAAA,EAGI,MAAAgB,EAAYC,GAAuB,CAC/B,QAAA,IAAI,WAAYA,EAAYjB,EAAY,MAAOkB,EAAW,MAAOR,EAAW,KAAK,EAErF,EAAAO,EAAa,GAAKA,GAAcP,EAAW,SAC/CV,EAAY,MAAQiB,EACpBJ,EAAaI,CAAU,EAAA,EAGzB,SAASE,GAAmB,CACpBD,MAAAA,EAAajB,EAAI,CAAC,EAClBmB,EAAajB,EAAS,IAAMkB,EAAMX,EAAW,KAAK,EAAE,MAAMQ,EAAW,MAAOA,EAAW,MAAQpB,EAAM,eAAe,CAAC,EAE3HiB,EACE,IAAM,CAACjB,EAAM,gBAAiBA,EAAM,KAAMA,EAAM,YAAaY,EAAW,MAAOV,EAAY,KAAK,EAChG,IAAM,CACgBsB,IACDlB,GACrB,EACA,CACE,UAAW,EACb,CAAA,EAGF,MAAMiB,EAAQ,CAACb,EAAae,EAAgB,EAAGC,EAAe,IAAM,CAClE,MAAMC,EAAM,CAAA,EACZ,QAASC,EAAIH,EAAOG,EAAIlB,EAAKkB,GAAKF,EAChCC,EAAI,KAAKC,CAAC,EAEL,OAAAD,CAAA,EAGT,SAASH,GAAsB,CAC7B,MAAMK,EAAY7B,EAAM,gBAClB8B,EAAoBV,EAAW,MAC/BW,EAAkBD,EAAoBD,EAExC,GAAA3B,EAAY,OAAS6B,EAAiB,CAClC,MAAAC,EAAiBpB,EAAW,MAAQiB,EACtC3B,EAAY,MAAQ8B,EACtBZ,EAAW,MAAQY,EAEnBZ,EAAW,MAAQlB,EAAY,KACjC,MACSA,EAAY,MAAQ4B,IACzB5B,EAAY,MAAQ2B,EACtBT,EAAW,MAAQlB,EAAY,MAAQ,EAAI2B,EAEvC3B,EAAY,OAAS,EACvBkB,EAAW,MAAQlB,EAAY,MAAQ,EAEvCkB,EAAW,MAAQ,EAI3B,CAEO,MAAA,CACL,WAAAA,EACA,WAAAE,CAAA,CAEJ,CACA,KAAM,CAAE,WAAAF,EAAY,WAAAE,CAAW,EAAID,EAAiB"}
+{"version":3,"file":"ElTablePagination.vue.esm2.js","sources":["../../src/table/ElTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { computed, ref, watch } from 'vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ninterface Props {\n  rows: T[];\n  rowsPerPage?: number;\n  pagesBeforeDots?: number; // < 1,2,3....13,14,15 > in this case it's 3\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  rowsPerPage: 15,\n  pagesBeforeDots: 3,\n  hideFooter: false,\n});\n\nconst currentPage = ref(0);\n\nconst totalRowsNumber = computed(() => props.rows.length);\n\nconst emitCurrentTabRows = () => emit('update:currentTabRows', props.rows.slice(currentStartItem.value, currentEndItem.value + 1));\n\nconst currentStartItem = computed(() => {\n  return currentPage.value * props.rowsPerPage;\n});\n\nconst currentEndItem = computed(() => {\n  const end = currentStartItem.value + props.rowsPerPage - 1;\n  return end <= totalRowsNumber.value ? end : totalRowsNumber.value - 1;\n});\n\nconst emit = defineEmits<{\n  (event: 'update:currentTabRows', rows: T[]): void;\n  (event: 'update:currentPage', page: number): void;\n  (event: 'change', page: number): void;\n}>();\n\n// number of pages, given number of rows and rows per page\nconst totalPages = computed(() => Math.ceil(totalRowsNumber.value / props.rowsPerPage));\n\nconst prevPageDisabled = computed(() => currentPage.value <= 0);\nconst nextPageDisabled = computed(() => currentPage.value >= totalPages.value - 1);\n\nconst onPageChange = (page: number) => {\n  if (page > 0 && page <= totalPages.value && page !== currentPage.value) {\n    emit('update:currentPage', page);\n    emit('change', page);\n  }\n  emitCurrentTabRows();\n};\n\n// reset current page if filters have been applied\nwatch(\n  () => props.rows,\n  () => {\n    currentPage.value = 0;\n  },\n);\n\nconst goToPage = (pageNumber: number) => {\n  console.log('goToPage', pageNumber, currentPage.value, sliceStart.value, totalPages.value);\n  // only allow going to valid pages\n  if (pageNumber < 0 || pageNumber >= totalPages.value) return;\n  currentPage.value = pageNumber;\n  onPageChange(pageNumber);\n};\n\nfunction useNumberedPages() {\n  const sliceStart = ref(0);\n  const sliceArray = computed(() => range(totalPages.value).slice(sliceStart.value, sliceStart.value + props.pagesBeforeDots));\n\n  watch(\n    () => [props.pagesBeforeDots, props.rows, props.rowsPerPage, totalPages.value, currentPage.value],\n    () => {\n      calculateSliceStart();\n      emitCurrentTabRows();\n    },\n    {\n      immediate: true,\n    },\n  );\n\n  const range = (end: number, start: number = 0, step: number = 1) => {\n    const arr = [];\n    for (let i = start; i < end; i += step) {\n      arr.push(i);\n    }\n    return arr;\n  };\n\n  function calculateSliceStart() {\n    const chunkSize = props.pagesBeforeDots;\n    const currentChunkStart = sliceStart.value;\n    const currentChunkEnd = currentChunkStart + chunkSize;\n\n    if (currentPage.value >= currentChunkEnd) {\n      const lastChunkStart = totalPages.value - chunkSize;\n      if (currentPage.value > lastChunkStart) {\n        sliceStart.value = lastChunkStart;\n      } else {\n        sliceStart.value = currentPage.value;\n      }\n    } else if (currentPage.value < currentChunkStart) {\n      if (currentPage.value > chunkSize) {\n        sliceStart.value = currentPage.value + 1 - chunkSize;\n      } else {\n        if (currentPage.value >= 3) {\n          sliceStart.value = currentPage.value - 1;\n        } else {\n          sliceStart.value = 0;\n        }\n      }\n    }\n  }\n\n  return {\n    sliceStart,\n    sliceArray,\n  };\n}\nconst { sliceStart, sliceArray } = useNumberedPages();\n</script>\n\n<template>\n  <div v-if=\"!hideFooter\" class=\"bg-white flex items-center rounded-b-md border-t border-neutral-surface px-4 sm:px-6 py-4\">\n    <!-- Small Screen -->\n    <ul class=\"pagination w-fit mx-auto flex items-center rounded-md border border-surface bg-white md:hidden\">\n      <!--Previous-->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          class=\"-ml-px\"\n          :icon=\"{\n            name: 'ChevronLeftIcon',\n          }\"\n          :disabled=\"prevPageDisabled\"\n          @click=\"goToPage(currentPage - 1)\"\n        />\n      </li>\n\n      <!--Pages-->\n      <li\n        v-for=\"item in sliceArray\"\n        :key=\"item\"\n        :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n      >\n        <button\n          type=\"button\"\n          :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n          @click.prevent=\"goToPage(item)\"\n        >\n          {{ item + 1 }}\n        </button>\n      </li>\n\n      <!-- Expand pages button (...) -->\n      <li\n        v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 3 && (sliceArray.at(-1) ?? 0) < totalPages - 1\"\n        class=\"border-x-[1px] border-surface -my-px -ml-px\"\n      >\n        <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n          <span aria-hidden=\"true\">&hellip;</span>\n        </button>\n      </li>\n\n      <!-- Next -->\n      <li class=\"min-w-8\">\n        <ElIconButton\n          :icon=\"{\n            name: 'ChevronRightIcon',\n          }\"\n          :disabled=\"nextPageDisabled\"\n          @click=\"goToPage(currentPage + 1)\"\n        />\n      </li>\n    </ul>\n\n    <!-- Large Screen -->\n    <div class=\"hidden md:flex flex-1 items-center w-full\">\n      <nav class=\"mx-auto\" aria-label=\"Page navigation\">\n        <ul class=\"pagination flex items-center rounded-md border border-surface bg-white\">\n          <!--Previous-->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronLeftIcon',\n              }\"\n              :disabled=\"prevPageDisabled\"\n              @click=\"goToPage(currentPage - 1)\"\n            />\n          </li>\n\n          <!-- First 2 pages -->\n          <li v-if=\"sliceStart > 0 && totalPages > pagesBeforeDots\" class=\"border-x-[1px] border-surface -ml-px\">\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(0)\">1</button>\n          </li>\n          <li\n            v-if=\"(sliceStart > 2 && totalPages > pagesBeforeDots + 1) || (sliceStart > 0 && totalPages === 5)\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(1)\">2</button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li v-if=\"sliceStart > 0 && totalPages > 5\" class=\"border-x-[1px] border-surface -my-px -ml-px\">\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(0) ?? 1) - 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!--Pages-->\n          <li\n            v-for=\"item in sliceArray\"\n            :key=\"item\"\n            :class=\"['border-x-[1px] border-surface -ml-px', currentPage === item && 'border-primary -my-px']\"\n          >\n            <button\n              type=\"button\"\n              :class=\"['text-sm min-w-8 h-8', currentPage === item ? 'font-semibold bg-primary text-white' : 'text-neutral-600']\"\n              @click.prevent=\"goToPage(item)\"\n            >\n              {{ item + 1 }}\n            </button>\n          </li>\n\n          <!-- Expand pages button (...) -->\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages > 5 && (sliceArray.at(-1) ?? 0) < totalPages - 2\"\n            class=\"border-x-[1px] border-surface -my-px -ml-px\"\n          >\n            <button type=\"button\" class=\"text-neutral-600 text-sm min-w-8 h-8\" @click.prevent=\"goToPage((sliceArray.at(-1) ?? 0) + 1)\">\n              <span aria-hidden=\"true\">&hellip;</span>\n            </button>\n          </li>\n\n          <!-- Last 2 pages -->\n          <li\n            v-if=\"\n              sliceStart < totalPages - pagesBeforeDots &&\n              totalPages >= pagesBeforeDots + 2 &&\n              (totalPages === 5 || (sliceArray.at(-1) ?? 0) < totalPages - 3)\n            \"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 2)\">\n              {{ totalPages - 1 }}\n            </button>\n          </li>\n          <li\n            v-if=\"sliceStart < totalPages - pagesBeforeDots && totalPages >= pagesBeforeDots + 1\"\n            class=\"border-x-[1px] border-surface -ml-px\"\n          >\n            <button type=\"button\" class=\"text-sm min-w-8 h-8 text-neutral-600\" @click.prevent=\"goToPage(totalPages - 1)\">\n              {{ totalPages }}\n            </button>\n          </li>\n\n          <!-- Next -->\n          <li>\n            <ElIconButton\n              :icon=\"{\n                name: 'ChevronRightIcon',\n              }\"\n              :disabled=\"nextPageDisabled\"\n              @click=\"goToPage(currentPage + 1)\"\n            />\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","currentPage","ref","totalRowsNumber","computed","emitCurrentTabRows","emit","currentStartItem","currentEndItem","end","__emit","totalPages","prevPageDisabled","nextPageDisabled","onPageChange","page","watch","goToPage","pageNumber","sliceStart","useNumberedPages","sliceArray","range","calculateSliceStart","start","step","arr","i","chunkSize","currentChunkStart","currentChunkEnd","lastChunkStart"],"mappings":"0iDAWA,MAAMA,EAAQC,EAMRC,EAAcC,EAAI,CAAC,EAEnBC,EAAkBC,EAAS,IAAML,EAAM,KAAK,MAAM,EAElDM,EAAqB,IAAMC,EAAK,wBAAyBP,EAAM,KAAK,MAAMQ,EAAiB,MAAOC,EAAe,MAAQ,CAAC,CAAC,EAE3HD,EAAmBH,EAAS,IACzBH,EAAY,MAAQF,EAAM,WAClC,EAEKS,EAAiBJ,EAAS,IAAM,CACpC,MAAMK,EAAMF,EAAiB,MAAQR,EAAM,YAAc,EACzD,OAAOU,GAAON,EAAgB,MAAQM,EAAMN,EAAgB,MAAQ,CAAA,CACrE,EAEKG,EAAOI,EAOPC,EAAaP,EAAS,IAAM,KAAK,KAAKD,EAAgB,MAAQJ,EAAM,WAAW,CAAC,EAEhFa,EAAmBR,EAAS,IAAMH,EAAY,OAAS,CAAC,EACxDY,EAAmBT,EAAS,IAAMH,EAAY,OAASU,EAAW,MAAQ,CAAC,EAE3EG,EAAgBC,GAAiB,CACjCA,EAAO,GAAKA,GAAQJ,EAAW,OAASI,IAASd,EAAY,QAC/DK,EAAK,qBAAsBS,CAAI,EAC/BT,EAAK,SAAUS,CAAI,GAEFV,GAAA,EAIrBW,EACE,IAAMjB,EAAM,KACZ,IAAM,CACJE,EAAY,MAAQ,CACtB,CAAA,EAGI,MAAAgB,EAAYC,GAAuB,CAC/B,QAAA,IAAI,WAAYA,EAAYjB,EAAY,MAAOkB,EAAW,MAAOR,EAAW,KAAK,EAErF,EAAAO,EAAa,GAAKA,GAAcP,EAAW,SAC/CV,EAAY,MAAQiB,EACpBJ,EAAaI,CAAU,EAAA,EAGzB,SAASE,GAAmB,CACpBD,MAAAA,EAAajB,EAAI,CAAC,EAClBmB,EAAajB,EAAS,IAAMkB,EAAMX,EAAW,KAAK,EAAE,MAAMQ,EAAW,MAAOA,EAAW,MAAQpB,EAAM,eAAe,CAAC,EAE3HiB,EACE,IAAM,CAACjB,EAAM,gBAAiBA,EAAM,KAAMA,EAAM,YAAaY,EAAW,MAAOV,EAAY,KAAK,EAChG,IAAM,CACgBsB,IACDlB,GACrB,EACA,CACE,UAAW,EACb,CAAA,EAGF,MAAMiB,EAAQ,CAACb,EAAae,EAAgB,EAAGC,EAAe,IAAM,CAClE,MAAMC,EAAM,CAAA,EACZ,QAASC,EAAIH,EAAOG,EAAIlB,EAAKkB,GAAKF,EAChCC,EAAI,KAAKC,CAAC,EAEL,OAAAD,CAAA,EAGT,SAASH,GAAsB,CAC7B,MAAMK,EAAY7B,EAAM,gBAClB8B,EAAoBV,EAAW,MAC/BW,EAAkBD,EAAoBD,EAExC,GAAA3B,EAAY,OAAS6B,EAAiB,CAClC,MAAAC,EAAiBpB,EAAW,MAAQiB,EACtC3B,EAAY,MAAQ8B,EACtBZ,EAAW,MAAQY,EAEnBZ,EAAW,MAAQlB,EAAY,KACjC,MACSA,EAAY,MAAQ4B,IACzB5B,EAAY,MAAQ2B,EACtBT,EAAW,MAAQlB,EAAY,MAAQ,EAAI2B,EAEvC3B,EAAY,OAAS,EACvBkB,EAAW,MAAQlB,EAAY,MAAQ,EAEvCkB,EAAW,MAAQ,EAI3B,CAEO,MAAA,CACL,WAAAA,EACA,WAAAE,CAAA,CAEJ,CACA,KAAM,CAAE,WAAAF,EAAY,WAAAE,CAAW,EAAID,EAAiB"}

package/dist/tailwind.plugin.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js"),t=require("../node_modules/tailwindcss/plugin.cjs.js"),i=t.default(({addBase:e})=>{e(require("./style.cjs"))},{plugins:[u.TailwindPlugin]}),l=t.default(({addBase:e})=>{e(require("./style.cjs"))});exports.defaultPlugin=i;exports.pluginWithoutStyles=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js"),t=require("./node_modules/tailwindcss/plugin.cjs.js"),i=t.default(({addBase:e})=>{e(require("./style.cjs"))},{plugins:[u.TailwindPlugin]}),l=t.default(({addBase:e})=>{e(require("./style.cjs"))});exports.defaultPlugin=i;exports.pluginWithoutStyles=l;
 //# sourceMappingURL=tailwind.plugin.cjs.js.map

package/dist/tailwind.plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.plugin.cjs.js","sources":["../../src/tailwind.plugin.ts"],"sourcesContent":["import { TailwindPlugin } from '@davincihealthcare/elty-design-system-foundations';\nimport plugin from 'tailwindcss/plugin';\n\nexport const defaultPlugin = plugin(\n  ({ addBase }) => {\n    // eslint-disable-next-line no-undef\n    addBase(require('./style.cjs'));\n  },\n  {\n    plugins: [TailwindPlugin],\n  },\n);\n\nexport const pluginWithoutStyles = plugin(({ addBase }) => {\n  // eslint-disable-next-line no-undef\n  addBase(require('./style.cjs'));\n});\n"],"names":["defaultPlugin","plugin","addBase","TailwindPlugin","pluginWithoutStyles"],"mappings":"8OAGaA,EAAgBC,EAAA,QAC3B,CAAC,CAAE,QAAAC,CAAA,IAAc,CAEPA,EAAA,QAAQ,aAAa,CAAC,CAChC,EACA,CACE,QAAS,CAACC,EAAAA,cAAc,CAC1B,CACF,EAEaC,EAAsBH,EAAA,QAAO,CAAC,CAAE,QAAAC,KAAc,CAEjDA,EAAA,QAAQ,aAAa,CAAC,CAChC,CAAC"}
+{"version":3,"file":"tailwind.plugin.cjs.js","sources":["../src/tailwind.plugin.ts"],"sourcesContent":["import { TailwindPlugin } from '@davincihealthcare/elty-design-system-foundations';\nimport plugin from 'tailwindcss/plugin';\n\nexport const defaultPlugin = plugin(\n  ({ addBase }) => {\n    // eslint-disable-next-line no-undef\n    addBase(require('./style.cjs'));\n  },\n  {\n    plugins: [TailwindPlugin],\n  },\n);\n\nexport const pluginWithoutStyles = plugin(({ addBase }) => {\n  // eslint-disable-next-line no-undef\n  addBase(require('./style.cjs'));\n});\n"],"names":["defaultPlugin","plugin","addBase","TailwindPlugin","pluginWithoutStyles"],"mappings":"4OAGaA,EAAgBC,EAAA,QAC3B,CAAC,CAAE,QAAAC,CAAA,IAAc,CAEPA,EAAA,QAAQ,aAAa,CAAC,CAChC,EACA,CACE,QAAS,CAACC,EAAAA,cAAc,CAC1B,CACF,EAEaC,EAAsBH,EAAA,QAAO,CAAC,CAAE,QAAAC,KAAc,CAEjDA,EAAA,QAAQ,aAAa,CAAC,CAChC,CAAC"}

package/dist/tailwind.plugin.esm.js

@@ -1,2 +1,2 @@
-import{TailwindPlugin as t}from"../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import r from"../node_modules/tailwindcss/plugin.esm.js";const n=r(({addBase:i})=>{i(require("./style.cjs"))},{plugins:[t]}),o=r(({addBase:i})=>{i(require("./style.cjs"))});export{n as defaultPlugin,o as pluginWithoutStyles};
+import{TailwindPlugin as t}from"./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import r from"./node_modules/tailwindcss/plugin.esm.js";const n=r(({addBase:i})=>{i(require("./style.cjs"))},{plugins:[t]}),o=r(({addBase:i})=>{i(require("./style.cjs"))});export{n as defaultPlugin,o as pluginWithoutStyles};
 //# sourceMappingURL=tailwind.plugin.esm.js.map

package/dist/tailwind.plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.plugin.esm.js","sources":["../../src/tailwind.plugin.ts"],"sourcesContent":["import { TailwindPlugin } from '@davincihealthcare/elty-design-system-foundations';\nimport plugin from 'tailwindcss/plugin';\n\nexport const defaultPlugin = plugin(\n  ({ addBase }) => {\n    // eslint-disable-next-line no-undef\n    addBase(require('./style.cjs'));\n  },\n  {\n    plugins: [TailwindPlugin],\n  },\n);\n\nexport const pluginWithoutStyles = plugin(({ addBase }) => {\n  // eslint-disable-next-line no-undef\n  addBase(require('./style.cjs'));\n});\n"],"names":["defaultPlugin","plugin","addBase","TailwindPlugin","pluginWithoutStyles"],"mappings":"8KAGO,MAAMA,EAAgBC,EAC3B,CAAC,CAAE,QAAAC,CAAA,IAAc,CAEPA,EAAA,QAAQ,aAAa,CAAC,CAChC,EACA,CACE,QAAS,CAACC,CAAc,CAC1B,CACF,EAEaC,EAAsBH,EAAO,CAAC,CAAE,QAAAC,KAAc,CAEjDA,EAAA,QAAQ,aAAa,CAAC,CAChC,CAAC"}
+{"version":3,"file":"tailwind.plugin.esm.js","sources":["../src/tailwind.plugin.ts"],"sourcesContent":["import { TailwindPlugin } from '@davincihealthcare/elty-design-system-foundations';\nimport plugin from 'tailwindcss/plugin';\n\nexport const defaultPlugin = plugin(\n  ({ addBase }) => {\n    // eslint-disable-next-line no-undef\n    addBase(require('./style.cjs'));\n  },\n  {\n    plugins: [TailwindPlugin],\n  },\n);\n\nexport const pluginWithoutStyles = plugin(({ addBase }) => {\n  // eslint-disable-next-line no-undef\n  addBase(require('./style.cjs'));\n});\n"],"names":["defaultPlugin","plugin","addBase","TailwindPlugin","pluginWithoutStyles"],"mappings":"4KAGO,MAAMA,EAAgBC,EAC3B,CAAC,CAAE,QAAAC,CAAA,IAAc,CAEPA,EAAA,QAAQ,aAAa,CAAC,CAChC,EACA,CACE,QAAS,CAACC,CAAc,CAC1B,CACF,EAEaC,EAAsBH,EAAO,CAAC,CAAE,QAAAC,KAAc,CAEjDA,EAAA,QAAQ,aAAa,CAAC,CAChC,CAAC"}

package/dist/types.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs.js","sources":["../../src/types.ts"],"sourcesContent":["export type OptionType = {\n  __typename?: 'OptionType';\n  imageUrl?: string | null;\n  label: string;\n  value: string;\n};\n\nexport enum Role {\n  Admin = 'ADMIN',\n  AuxiliaryNurse = 'AUXILIARY_NURSE',\n  Clinic = 'CLINIC',\n  Doctor = 'DOCTOR',\n  Nurse = 'NURSE',\n  Patient = 'PATIENT',\n  Secretary = 'SECRETARY',\n}\n\nexport enum DrugDurationMeasures {\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugTimeMeasures {\n  AlBisogno = 'AL_BISOGNO',\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Ore = 'ORE',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugUnitMeasures {\n  Amp = 'AMP',\n  App = 'APP',\n  Bar = 'BAR',\n  Bas = 'BAS',\n  Bom = 'BOM',\n  Bus = 'BUS',\n  Car = 'CAR',\n  Cc = 'CC',\n  Cer = 'CER',\n  Cli = 'CLI',\n  Cmo = 'CMO',\n  Cpr = 'CPR',\n  Cps = 'CPS',\n  Cro = 'CRO',\n  Div = 'DIV',\n  Dos = 'DOS',\n  Ero = 'ERO',\n  Fia = 'FIA',\n  Fil = 'FIL',\n  Fla = 'FLA',\n  G = 'G',\n  Gar = 'GAR',\n  Gra = 'GRA',\n  Grn = 'GRN',\n  Gtt = 'GTT',\n  Imp = 'IMP',\n  Inp = 'INP',\n  Ins = 'INS',\n  Iud = 'IUD',\n  Lio = 'LIO',\n  Mc = 'MC',\n  Mcg = 'MCG',\n  Meq = 'MEQ',\n  Mg = 'MG',\n  Ml = 'ML',\n  Mtr = 'MTR',\n  Neb = 'NEB',\n  Ovu = 'OVU',\n  Pas = 'PAS',\n  Pen = 'PEN',\n  Sac = 'SAC',\n  Sir = 'SIR',\n  Spu = 'SPU',\n  Sup = 'SUP',\n  Tam = 'TAM',\n  Tub = 'TUB',\n  U = 'U',\n  Ual = 'UAL',\n  Ui = 'UI',\n  Vas = 'VAS',\n}\n\nexport interface AvatarParameters {\n  avatarUrl: string | null | undefined;\n  role: Role;\n}\n"],"names":["Role","DrugDurationMeasures","DrugTimeMeasures","DrugUnitMeasures"],"mappings":"gFAOY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,eAAiB,kBACjBA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,UAAY,YAPFA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,UAAY,YAHFA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACVA,EAAA,UAAY,aACZA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MAlDIA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"types.cjs.js","sources":["../src/types.ts"],"sourcesContent":["export type OptionType = {\n  __typename?: 'OptionType';\n  imageUrl?: string | null;\n  label: string;\n  value: string;\n};\n\nexport enum Role {\n  Admin = 'ADMIN',\n  AuxiliaryNurse = 'AUXILIARY_NURSE',\n  Clinic = 'CLINIC',\n  Doctor = 'DOCTOR',\n  Nurse = 'NURSE',\n  Patient = 'PATIENT',\n  Secretary = 'SECRETARY',\n}\n\nexport enum DrugDurationMeasures {\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugTimeMeasures {\n  AlBisogno = 'AL_BISOGNO',\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Ore = 'ORE',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugUnitMeasures {\n  Amp = 'AMP',\n  App = 'APP',\n  Bar = 'BAR',\n  Bas = 'BAS',\n  Bom = 'BOM',\n  Bus = 'BUS',\n  Car = 'CAR',\n  Cc = 'CC',\n  Cer = 'CER',\n  Cli = 'CLI',\n  Cmo = 'CMO',\n  Cpr = 'CPR',\n  Cps = 'CPS',\n  Cro = 'CRO',\n  Div = 'DIV',\n  Dos = 'DOS',\n  Ero = 'ERO',\n  Fia = 'FIA',\n  Fil = 'FIL',\n  Fla = 'FLA',\n  G = 'G',\n  Gar = 'GAR',\n  Gra = 'GRA',\n  Grn = 'GRN',\n  Gtt = 'GTT',\n  Imp = 'IMP',\n  Inp = 'INP',\n  Ins = 'INS',\n  Iud = 'IUD',\n  Lio = 'LIO',\n  Mc = 'MC',\n  Mcg = 'MCG',\n  Meq = 'MEQ',\n  Mg = 'MG',\n  Ml = 'ML',\n  Mtr = 'MTR',\n  Neb = 'NEB',\n  Ovu = 'OVU',\n  Pas = 'PAS',\n  Pen = 'PEN',\n  Sac = 'SAC',\n  Sir = 'SIR',\n  Spu = 'SPU',\n  Sup = 'SUP',\n  Tam = 'TAM',\n  Tub = 'TUB',\n  U = 'U',\n  Ual = 'UAL',\n  Ui = 'UI',\n  Vas = 'VAS',\n}\n\nexport interface AvatarParameters {\n  avatarUrl: string | null | undefined;\n  role: Role;\n}\n"],"names":["Role","DrugDurationMeasures","DrugTimeMeasures","DrugUnitMeasures"],"mappings":"gFAOY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,eAAiB,kBACjBA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,UAAY,YAPFA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,UAAY,YAHFA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACVA,EAAA,UAAY,aACZA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MAlDIA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/types.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.esm.js","sources":["../../src/types.ts"],"sourcesContent":["export type OptionType = {\n  __typename?: 'OptionType';\n  imageUrl?: string | null;\n  label: string;\n  value: string;\n};\n\nexport enum Role {\n  Admin = 'ADMIN',\n  AuxiliaryNurse = 'AUXILIARY_NURSE',\n  Clinic = 'CLINIC',\n  Doctor = 'DOCTOR',\n  Nurse = 'NURSE',\n  Patient = 'PATIENT',\n  Secretary = 'SECRETARY',\n}\n\nexport enum DrugDurationMeasures {\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugTimeMeasures {\n  AlBisogno = 'AL_BISOGNO',\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Ore = 'ORE',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugUnitMeasures {\n  Amp = 'AMP',\n  App = 'APP',\n  Bar = 'BAR',\n  Bas = 'BAS',\n  Bom = 'BOM',\n  Bus = 'BUS',\n  Car = 'CAR',\n  Cc = 'CC',\n  Cer = 'CER',\n  Cli = 'CLI',\n  Cmo = 'CMO',\n  Cpr = 'CPR',\n  Cps = 'CPS',\n  Cro = 'CRO',\n  Div = 'DIV',\n  Dos = 'DOS',\n  Ero = 'ERO',\n  Fia = 'FIA',\n  Fil = 'FIL',\n  Fla = 'FLA',\n  G = 'G',\n  Gar = 'GAR',\n  Gra = 'GRA',\n  Grn = 'GRN',\n  Gtt = 'GTT',\n  Imp = 'IMP',\n  Inp = 'INP',\n  Ins = 'INS',\n  Iud = 'IUD',\n  Lio = 'LIO',\n  Mc = 'MC',\n  Mcg = 'MCG',\n  Meq = 'MEQ',\n  Mg = 'MG',\n  Ml = 'ML',\n  Mtr = 'MTR',\n  Neb = 'NEB',\n  Ovu = 'OVU',\n  Pas = 'PAS',\n  Pen = 'PEN',\n  Sac = 'SAC',\n  Sir = 'SIR',\n  Spu = 'SPU',\n  Sup = 'SUP',\n  Tam = 'TAM',\n  Tub = 'TUB',\n  U = 'U',\n  Ual = 'UAL',\n  Ui = 'UI',\n  Vas = 'VAS',\n}\n\nexport interface AvatarParameters {\n  avatarUrl: string | null | undefined;\n  role: Role;\n}\n"],"names":["Role","DrugDurationMeasures","DrugTimeMeasures","DrugUnitMeasures"],"mappings":"AAOY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,eAAiB,kBACjBA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,UAAY,YAPFA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,UAAY,YAHFA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACVA,EAAA,UAAY,aACZA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MAlDIA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"types.esm.js","sources":["../src/types.ts"],"sourcesContent":["export type OptionType = {\n  __typename?: 'OptionType';\n  imageUrl?: string | null;\n  label: string;\n  value: string;\n};\n\nexport enum Role {\n  Admin = 'ADMIN',\n  AuxiliaryNurse = 'AUXILIARY_NURSE',\n  Clinic = 'CLINIC',\n  Doctor = 'DOCTOR',\n  Nurse = 'NURSE',\n  Patient = 'PATIENT',\n  Secretary = 'SECRETARY',\n}\n\nexport enum DrugDurationMeasures {\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugTimeMeasures {\n  AlBisogno = 'AL_BISOGNO',\n  Giorni = 'GIORNI',\n  Mesi = 'MESI',\n  Ore = 'ORE',\n  Settimane = 'SETTIMANE',\n}\n\nexport enum DrugUnitMeasures {\n  Amp = 'AMP',\n  App = 'APP',\n  Bar = 'BAR',\n  Bas = 'BAS',\n  Bom = 'BOM',\n  Bus = 'BUS',\n  Car = 'CAR',\n  Cc = 'CC',\n  Cer = 'CER',\n  Cli = 'CLI',\n  Cmo = 'CMO',\n  Cpr = 'CPR',\n  Cps = 'CPS',\n  Cro = 'CRO',\n  Div = 'DIV',\n  Dos = 'DOS',\n  Ero = 'ERO',\n  Fia = 'FIA',\n  Fil = 'FIL',\n  Fla = 'FLA',\n  G = 'G',\n  Gar = 'GAR',\n  Gra = 'GRA',\n  Grn = 'GRN',\n  Gtt = 'GTT',\n  Imp = 'IMP',\n  Inp = 'INP',\n  Ins = 'INS',\n  Iud = 'IUD',\n  Lio = 'LIO',\n  Mc = 'MC',\n  Mcg = 'MCG',\n  Meq = 'MEQ',\n  Mg = 'MG',\n  Ml = 'ML',\n  Mtr = 'MTR',\n  Neb = 'NEB',\n  Ovu = 'OVU',\n  Pas = 'PAS',\n  Pen = 'PEN',\n  Sac = 'SAC',\n  Sir = 'SIR',\n  Spu = 'SPU',\n  Sup = 'SUP',\n  Tam = 'TAM',\n  Tub = 'TUB',\n  U = 'U',\n  Ual = 'UAL',\n  Ui = 'UI',\n  Vas = 'VAS',\n}\n\nexport interface AvatarParameters {\n  avatarUrl: string | null | undefined;\n  role: Role;\n}\n"],"names":["Role","DrugDurationMeasures","DrugTimeMeasures","DrugUnitMeasures"],"mappings":"AAOY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,eAAiB,kBACjBA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,UAAY,YAPFA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,UAAY,YAHFA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACVA,EAAA,UAAY,aACZA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,EAAI,IACJA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,IAAM,MAlDIA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.js","sources":["../../src/utils.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\nimport { AvatarParameters, Role } from '@/types';\n\nexport const getAvatar = (user: AvatarParameters | null | undefined): string => {\n  if (user?.avatarUrl) {\n    return user.avatarUrl;\n  }\n  if (user?.role === Role.Doctor) {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_doctor.svg';\n  } else {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_patient.svg';\n  }\n};\n\nenum MaxWidth {\n  Mobile = 640,\n  Tablet = 768,\n  Desktop = 1024,\n  LargeDesktop = 1280,\n  ExtraLargeDesktop = 1536,\n}\n\nexport enum Device {\n  Mobile = 'Mobile',\n  Tablet = 'Tablet',\n  Desktop = 'Desktop',\n}\n\nexport const useMatchDevice = () => {\n  const mediaQueryMobile = window.matchMedia(`(max-width: ${MaxWidth.Mobile}px)`);\n  const mediaQueryTablet = window.matchMedia(`(max-width: ${MaxWidth.Tablet}px)`);\n  const mediaQueryDesktop = window.matchMedia(`(max-width: ${MaxWidth.Desktop}px)`);\n\n  const device = ref<Device>(mediaQueryDesktop.matches ? Device.Desktop : mediaQueryTablet.matches ? Device.Tablet : Device.Mobile);\n\n  const onMatchMobileMediaChange = () => {\n    device.value = Device.Mobile;\n  };\n\n  const onMatchTabletMediaChange = () => {\n    device.value = Device.Tablet;\n  };\n\n  const onMatchDesktopMediaChange = () => {\n    device.value = Device.Desktop;\n  };\n\n  onMounted(() => {\n    mediaQueryMobile.addEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.addEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.addEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  onUnmounted(() => {\n    mediaQueryMobile.removeEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.removeEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.removeEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  return device;\n};\n"],"names":["getAvatar","user","Role","Device","useMatchDevice","mediaQueryMobile","mediaQueryTablet","mediaQueryDesktop","device","ref","onMatchMobileMediaChange","onMatchTabletMediaChange","onMatchDesktopMediaChange","onMounted","onUnmounted"],"mappings":"mIAGaA,EAAaC,GACpBA,GAAA,MAAAA,EAAM,UACDA,EAAK,WAEVA,GAAA,YAAAA,EAAM,QAASC,EAAA,KAAK,OACf,yEAEA,0EAYC,IAAAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EAML,MAAMC,EAAiB,IAAM,CAClC,MAAMC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAoB,OAAO,WAAW,qBAAoC,EAE1EC,EAASC,MAAYF,EAAkB,QAAU,UAAiBD,EAAiB,QAAU,SAAgB,UAE7GI,EAA2B,IAAM,CACrCF,EAAO,MAAQ,QAAA,EAGXG,EAA2B,IAAM,CACrCH,EAAO,MAAQ,QAAA,EAGXI,EAA4B,IAAM,CACtCJ,EAAO,MAAQ,SAAA,EAGjBK,OAAAA,EAAAA,UAAU,IAAM,CACGR,EAAA,iBAAiB,SAAUK,CAAwB,EACnDJ,EAAA,iBAAiB,SAAUK,CAAwB,EAClDJ,EAAA,iBAAiB,SAAUK,CAAyB,CAAA,CACvE,EAEDE,EAAAA,YAAY,IAAM,CACCT,EAAA,oBAAoB,SAAUK,CAAwB,EACtDJ,EAAA,oBAAoB,SAAUK,CAAwB,EACrDJ,EAAA,oBAAoB,SAAUK,CAAyB,CAAA,CAC1E,EAEMJ,CACT"}
+{"version":3,"file":"utils.cjs.js","sources":["../src/utils.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\nimport { AvatarParameters, Role } from '@/types';\n\nexport const getAvatar = (user: AvatarParameters | null | undefined): string => {\n  if (user?.avatarUrl) {\n    return user.avatarUrl;\n  }\n  if (user?.role === Role.Doctor) {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_doctor.svg';\n  } else {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_patient.svg';\n  }\n};\n\nenum MaxWidth {\n  Mobile = 640,\n  Tablet = 768,\n  Desktop = 1024,\n  LargeDesktop = 1280,\n  ExtraLargeDesktop = 1536,\n}\n\nexport enum Device {\n  Mobile = 'Mobile',\n  Tablet = 'Tablet',\n  Desktop = 'Desktop',\n}\n\nexport const useMatchDevice = () => {\n  const mediaQueryMobile = window.matchMedia(`(max-width: ${MaxWidth.Mobile}px)`);\n  const mediaQueryTablet = window.matchMedia(`(max-width: ${MaxWidth.Tablet}px)`);\n  const mediaQueryDesktop = window.matchMedia(`(max-width: ${MaxWidth.Desktop}px)`);\n\n  const device = ref<Device>(mediaQueryDesktop.matches ? Device.Desktop : mediaQueryTablet.matches ? Device.Tablet : Device.Mobile);\n\n  const onMatchMobileMediaChange = () => {\n    device.value = Device.Mobile;\n  };\n\n  const onMatchTabletMediaChange = () => {\n    device.value = Device.Tablet;\n  };\n\n  const onMatchDesktopMediaChange = () => {\n    device.value = Device.Desktop;\n  };\n\n  onMounted(() => {\n    mediaQueryMobile.addEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.addEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.addEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  onUnmounted(() => {\n    mediaQueryMobile.removeEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.removeEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.removeEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  return device;\n};\n"],"names":["getAvatar","user","Role","Device","useMatchDevice","mediaQueryMobile","mediaQueryTablet","mediaQueryDesktop","device","ref","onMatchMobileMediaChange","onMatchTabletMediaChange","onMatchDesktopMediaChange","onMounted","onUnmounted"],"mappings":"mIAGaA,EAAaC,GACpBA,GAAA,MAAAA,EAAM,UACDA,EAAK,WAEVA,GAAA,YAAAA,EAAM,QAASC,EAAA,KAAK,OACf,yEAEA,0EAYC,IAAAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EAML,MAAMC,EAAiB,IAAM,CAClC,MAAMC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAoB,OAAO,WAAW,qBAAoC,EAE1EC,EAASC,MAAYF,EAAkB,QAAU,UAAiBD,EAAiB,QAAU,SAAgB,UAE7GI,EAA2B,IAAM,CACrCF,EAAO,MAAQ,QAAA,EAGXG,EAA2B,IAAM,CACrCH,EAAO,MAAQ,QAAA,EAGXI,EAA4B,IAAM,CACtCJ,EAAO,MAAQ,SAAA,EAGjBK,OAAAA,EAAAA,UAAU,IAAM,CACGR,EAAA,iBAAiB,SAAUK,CAAwB,EACnDJ,EAAA,iBAAiB,SAAUK,CAAwB,EAClDJ,EAAA,iBAAiB,SAAUK,CAAyB,CAAA,CACvE,EAEDE,EAAAA,YAAY,IAAM,CACCT,EAAA,oBAAoB,SAAUK,CAAwB,EACtDJ,EAAA,oBAAoB,SAAUK,CAAwB,EACrDJ,EAAA,oBAAoB,SAAUK,CAAyB,CAAA,CAC1E,EAEMJ,CACT"}

package/dist/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../../src/utils.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\nimport { AvatarParameters, Role } from '@/types';\n\nexport const getAvatar = (user: AvatarParameters | null | undefined): string => {\n  if (user?.avatarUrl) {\n    return user.avatarUrl;\n  }\n  if (user?.role === Role.Doctor) {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_doctor.svg';\n  } else {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_patient.svg';\n  }\n};\n\nenum MaxWidth {\n  Mobile = 640,\n  Tablet = 768,\n  Desktop = 1024,\n  LargeDesktop = 1280,\n  ExtraLargeDesktop = 1536,\n}\n\nexport enum Device {\n  Mobile = 'Mobile',\n  Tablet = 'Tablet',\n  Desktop = 'Desktop',\n}\n\nexport const useMatchDevice = () => {\n  const mediaQueryMobile = window.matchMedia(`(max-width: ${MaxWidth.Mobile}px)`);\n  const mediaQueryTablet = window.matchMedia(`(max-width: ${MaxWidth.Tablet}px)`);\n  const mediaQueryDesktop = window.matchMedia(`(max-width: ${MaxWidth.Desktop}px)`);\n\n  const device = ref<Device>(mediaQueryDesktop.matches ? Device.Desktop : mediaQueryTablet.matches ? Device.Tablet : Device.Mobile);\n\n  const onMatchMobileMediaChange = () => {\n    device.value = Device.Mobile;\n  };\n\n  const onMatchTabletMediaChange = () => {\n    device.value = Device.Tablet;\n  };\n\n  const onMatchDesktopMediaChange = () => {\n    device.value = Device.Desktop;\n  };\n\n  onMounted(() => {\n    mediaQueryMobile.addEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.addEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.addEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  onUnmounted(() => {\n    mediaQueryMobile.removeEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.removeEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.removeEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  return device;\n};\n"],"names":["getAvatar","user","Role","Device","useMatchDevice","mediaQueryMobile","mediaQueryTablet","mediaQueryDesktop","device","ref","onMatchMobileMediaChange","onMatchTabletMediaChange","onMatchDesktopMediaChange","onMounted","onUnmounted"],"mappings":"gGAGa,MAAAA,EAAaC,GACpBA,GAAA,MAAAA,EAAM,UACDA,EAAK,WAEVA,GAAA,YAAAA,EAAM,QAASC,EAAK,OACf,yEAEA,0EAYC,IAAAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EAML,MAAMC,EAAiB,IAAM,CAClC,MAAMC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAoB,OAAO,WAAW,qBAAoC,EAE1EC,EAASC,EAAYF,EAAkB,QAAU,UAAiBD,EAAiB,QAAU,SAAgB,UAE7GI,EAA2B,IAAM,CACrCF,EAAO,MAAQ,QAAA,EAGXG,EAA2B,IAAM,CACrCH,EAAO,MAAQ,QAAA,EAGXI,EAA4B,IAAM,CACtCJ,EAAO,MAAQ,SAAA,EAGjB,OAAAK,EAAU,IAAM,CACGR,EAAA,iBAAiB,SAAUK,CAAwB,EACnDJ,EAAA,iBAAiB,SAAUK,CAAwB,EAClDJ,EAAA,iBAAiB,SAAUK,CAAyB,CAAA,CACvE,EAEDE,EAAY,IAAM,CACCT,EAAA,oBAAoB,SAAUK,CAAwB,EACtDJ,EAAA,oBAAoB,SAAUK,CAAwB,EACrDJ,EAAA,oBAAoB,SAAUK,CAAyB,CAAA,CAC1E,EAEMJ,CACT"}
+{"version":3,"file":"utils.esm.js","sources":["../src/utils.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\nimport { AvatarParameters, Role } from '@/types';\n\nexport const getAvatar = (user: AvatarParameters | null | undefined): string => {\n  if (user?.avatarUrl) {\n    return user.avatarUrl;\n  }\n  if (user?.role === Role.Doctor) {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_doctor.svg';\n  } else {\n    return 'https://davinci-public.s3.eu-central-1.amazonaws.com/avatar_patient.svg';\n  }\n};\n\nenum MaxWidth {\n  Mobile = 640,\n  Tablet = 768,\n  Desktop = 1024,\n  LargeDesktop = 1280,\n  ExtraLargeDesktop = 1536,\n}\n\nexport enum Device {\n  Mobile = 'Mobile',\n  Tablet = 'Tablet',\n  Desktop = 'Desktop',\n}\n\nexport const useMatchDevice = () => {\n  const mediaQueryMobile = window.matchMedia(`(max-width: ${MaxWidth.Mobile}px)`);\n  const mediaQueryTablet = window.matchMedia(`(max-width: ${MaxWidth.Tablet}px)`);\n  const mediaQueryDesktop = window.matchMedia(`(max-width: ${MaxWidth.Desktop}px)`);\n\n  const device = ref<Device>(mediaQueryDesktop.matches ? Device.Desktop : mediaQueryTablet.matches ? Device.Tablet : Device.Mobile);\n\n  const onMatchMobileMediaChange = () => {\n    device.value = Device.Mobile;\n  };\n\n  const onMatchTabletMediaChange = () => {\n    device.value = Device.Tablet;\n  };\n\n  const onMatchDesktopMediaChange = () => {\n    device.value = Device.Desktop;\n  };\n\n  onMounted(() => {\n    mediaQueryMobile.addEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.addEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.addEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  onUnmounted(() => {\n    mediaQueryMobile.removeEventListener('change', onMatchMobileMediaChange);\n    mediaQueryTablet.removeEventListener('change', onMatchTabletMediaChange);\n    mediaQueryDesktop.removeEventListener('change', onMatchDesktopMediaChange);\n  });\n\n  return device;\n};\n"],"names":["getAvatar","user","Role","Device","useMatchDevice","mediaQueryMobile","mediaQueryTablet","mediaQueryDesktop","device","ref","onMatchMobileMediaChange","onMatchTabletMediaChange","onMatchDesktopMediaChange","onMounted","onUnmounted"],"mappings":"gGAGa,MAAAA,EAAaC,GACpBA,GAAA,MAAAA,EAAM,UACDA,EAAK,WAEVA,GAAA,YAAAA,EAAM,QAASC,EAAK,OACf,yEAEA,0EAYC,IAAAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EAML,MAAMC,EAAiB,IAAM,CAClC,MAAMC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAmB,OAAO,WAAW,oBAAmC,EACxEC,EAAoB,OAAO,WAAW,qBAAoC,EAE1EC,EAASC,EAAYF,EAAkB,QAAU,UAAiBD,EAAiB,QAAU,SAAgB,UAE7GI,EAA2B,IAAM,CACrCF,EAAO,MAAQ,QAAA,EAGXG,EAA2B,IAAM,CACrCH,EAAO,MAAQ,QAAA,EAGXI,EAA4B,IAAM,CACtCJ,EAAO,MAAQ,SAAA,EAGjB,OAAAK,EAAU,IAAM,CACGR,EAAA,iBAAiB,SAAUK,CAAwB,EACnDJ,EAAA,iBAAiB,SAAUK,CAAwB,EAClDJ,EAAA,iBAAiB,SAAUK,CAAyB,CAAA,CACvE,EAEDE,EAAY,IAAM,CACCT,EAAA,oBAAoB,SAAUK,CAAwB,EACtDJ,EAAA,oBAAoB,SAAUK,CAAwB,EACrDJ,EAAA,oBAAoB,SAAUK,CAAyB,CAAA,CAC1E,EAEMJ,CACT"}

package/dist/vue.plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.plugin.cjs.js","sources":["../../src/vue.plugin.ts"],"sourcesContent":["import { defineValidationRules } from './forms/validation-rules';\n\nexport default {\n  install: () => {\n    defineValidationRules();\n  },\n};\n"],"names":["vue_plugin","defineValidationRules"],"mappings":"+JAEeA,EAAA,CACb,QAAS,IAAM,CACSC,EAAAA,uBACxB,CACF"}
+{"version":3,"file":"vue.plugin.cjs.js","sources":["../src/vue.plugin.ts"],"sourcesContent":["import { defineValidationRules } from './forms/validation-rules';\n\nexport default {\n  install: () => {\n    defineValidationRules();\n  },\n};\n"],"names":["vue_plugin","defineValidationRules"],"mappings":"+JAEeA,EAAA,CACb,QAAS,IAAM,CACSC,EAAAA,uBACxB,CACF"}

package/dist/vue.plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.plugin.esm.js","sources":["../../src/vue.plugin.ts"],"sourcesContent":["import { defineValidationRules } from './forms/validation-rules';\n\nexport default {\n  install: () => {\n    defineValidationRules();\n  },\n};\n"],"names":["vue_plugin","defineValidationRules"],"mappings":"wEAEA,MAAeA,EAAA,CACb,QAAS,IAAM,CACSC,GACxB,CACF"}
+{"version":3,"file":"vue.plugin.esm.js","sources":["../src/vue.plugin.ts"],"sourcesContent":["import { defineValidationRules } from './forms/validation-rules';\n\nexport default {\n  install: () => {\n    defineValidationRules();\n  },\n};\n"],"names":["vue_plugin","defineValidationRules"],"mappings":"wEAEA,MAAeA,EAAA,CACb,QAAS,IAAM,CACSC,GACxB,CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davincihealthcare/elty-design-system-vue",
-  "version": "1.72.0",
+  "version": "1.72.1",
   "license": "UNLICENSED",
   "main": "dist/index.umd.cjs",
   "types": "dist/index.d.ts",
@@ -30,7 +30,7 @@
     "histoire:serve": "histoire preview",
     "format": "prettier --write --config ../../.prettierrc.json  --ignore-path ../../.prettierignore .",
     "dev": "vue-tsc && vite dev",
-    "build": "vue-tsc && vite build && cp -R dist/src/* dist/ && rm -rf dist/src && yarn build-prejss",
+    "build": "vue-tsc && vite build && yarn build-prejss",
     "build-prejss": "prejss-cli dist/style.css --format commonjs && mv dist/style.js dist/style.cjs",
     "ts-check": "vue-tsc --noEmit",
     "lint": "eslint \"**/*.{ts,vue}\"",
@@ -96,6 +96,7 @@
     "click-outside-vue3": "^4.0.1",
     "codice-fiscale-js": "^2.3.20",
     "focus-trap": "^7",
+    "lodash": "^4.14.202",
     "luxon": "^3.0.4",
     "swiper": "^11.1.11",
     "tinymce": "^7.8.0"