@davincihealthcare/elty-design-system-vue 2.8.0 → 2.9.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElTableCell.vue.esm2.js","sources":["../../src/table/ElTableCell.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElTag from '@/ElTag.vue';\nimport ElButton from '@/ElButton.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport ElTextCell, { ElTextCellColor, ElTextCellStyle, getTextColorClass } from '@/ElTextCell.vue';\nimport ElAvatar from '@/ElAvatar.vue';\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport { TextualValueType } from '@/forms/input';\nimport ElDropdown from '@/ElDropdown.vue';\nimport ElTooltip from '@/ElTooltip.vue';\n\nexport const dataCellTypes = ['default', 'tag', 'action', 'input'] as const;\nexport type DataCellType = (typeof dataCellTypes)[number];\n\nexport type DataCell = TagCell | DefaultCell | ActionCell | InputCell;\n\ninterface BasicDataCell {\n  sortableAndFilterableValue?: string;\n  type?: DataCellType;\n}\n\nexport interface DefaultCell extends BasicDataCell {\n  type?: 'default';\n  mainIcon?: ElIconProps;\n  mainIconTooltip?: string;\n  mainText: string;\n  mainTextStyle?: ElTextCellStyle;\n  mainTextColor?: ElTextCellColor;\n  subIcon?: ElIconProps;\n  subIconTooltip?: string;\n  subText?: string;\n  avatar?: Pick<InstanceType<typeof ElAvatar>['$props'], 'picture' | 'label'>;\n  clickAction?: (payload?: PointerEvent) => void;\n  longText?: boolean;\n  truncateSubText?: boolean;\n}\n\nexport interface TagCell extends BasicDataCell {\n  type?: 'tag';\n  tag: InstanceType<typeof ElTag>['$props'];\n  subText?: string;\n  truncateSubText?: boolean;\n}\n\nexport interface ActionCell<ID extends string = string> extends BasicDataCell {\n  type?: 'action';\n  buttons?: (InstanceType<typeof ElButton>['$props'] & { id?: ID })[];\n  iconButtons?: (InstanceType<typeof ElIconButton>['$props'] & { id?: ID })[];\n  dropdown?: InstanceType<typeof ElDropdown>['$props'] & { disabled?: boolean };\n}\n\nexport interface InputCell extends BasicDataCell {\n  type?: 'input';\n  value?: string;\n  onUpdate?: (value: TextualValueType) => void;\n}\n\nconst isCellTypeDefault = (cell: DataCell): cell is DefaultCell => !cell.type || cell.type === 'default';\nconst isCellTypeTag = (cell: DataCell): cell is TagCell => cell.type === 'tag';\nconst isCellTypeAction = (cell: DataCell): cell is ActionCell => cell.type === 'action';\nconst isCellTypeInput = (cell: DataCell): cell is InputCell => cell.type === 'input';\n\nexport const getCellText = (cell: DataCell) => {\n  if (isCellTypeDefault(cell)) return cell.mainText;\n  if (isCellTypeTag(cell)) return cell.tag.text;\n  return null;\n};\n\nexport const getCellSortableAndFilterableValue = (cell: DataCell): string => {\n  if (cell.sortableAndFilterableValue?.length) return cell.sortableAndFilterableValue;\n  if (isCellTypeDefault(cell)) return cell.mainText;\n  if (isCellTypeTag(cell)) return cell.tag.text;\n  if (isCellTypeInput(cell)) return cell.value || '';\n  return '';\n};\n</script>\n\n<script setup lang=\"ts\">\ndefineProps<{\n  cell: DataCell;\n}>();\n</script>\n\n<template>\n  <!-- type DEFAULT -->\n  <div v-if=\"isCellTypeDefault(cell)\" :class=\"['flex h-12 gap-3 items-center text-nowrap', cell.clickAction && 'cursor-pointer']\">\n    <ElAvatar v-if=\"cell.avatar\" size=\"sm\" :picture=\"cell.avatar.picture\" :label=\"cell.avatar.label\" class=\"shrink-0\" />\n\n    <div class=\"flex flex-col gap-2 grow min-w-8\">\n      <div class=\"flex gap-2 items-center\">\n        <ElTooltip v-if=\"cell.mainIcon\" :title=\"cell.mainIconTooltip ?? ''\">\n          <ElIcon\n            :name=\"cell.mainIcon.name\"\n            :solid=\"cell.mainIcon.solid\"\n            class=\"w-4 h-4 shrink-0\"\n            :class=\"[\n              cell.mainTextColor && cell.mainTextStyle !== 'underline'\n                ? getTextColorClass(cell.mainTextColor, cell.mainTextStyle)\n                : 'text-neutral-darker',\n              cell.mainIconTooltip ? 'cursor-pointer' : '',\n            ]\"\n          />\n        </ElTooltip>\n        <div class=\"overflow-hidden\">\n          <ElTextCell\n            :label=\"cell.mainText\"\n            :style=\"cell.mainTextStyle\"\n            :color-text=\"cell.mainTextColor\"\n            @click=\"\n              () => {\n                if (isCellTypeDefault(cell) && cell.clickAction) cell.clickAction();\n              }\n            \"\n          />\n        </div>\n      </div>\n      <div v-if=\"cell.subIcon || cell.subText\" class=\"flex gap-2 items-center\">\n        <ElTooltip v-if=\"cell.subIcon\" :title=\"cell.subIconTooltip ?? ''\">\n          <div class=\"flex gap-2 items-center\">\n            <ElIcon\n              :name=\"cell.subIcon.name\"\n              :solid=\"cell.subIcon.solid\"\n              class=\"w-4 h-4 text-neutral-lighter shrink-0\"\n              :class=\"cell.subIconTooltip ? 'cursor-pointer' : ''\"\n            />\n          </div>\n        </ElTooltip>\n        <div v-if=\"cell.subText\" class=\"text-sm font-normal text-neutral-lighter overflow-hidden text-ellipsis\">\n          {{ cell.subText }}\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- type TAG -->\n  <div v-else-if=\"isCellTypeTag(cell)\" class=\"overflow-y-hidden h-12 flex items-center\">\n    <div class=\"flex flex-col gap-2 grow min-w-8\">\n      <div class=\"text-neutral-darker text-xs inline font-normal text-nowrap\">\n        <ElTag v-bind=\"{ size: 'xs', ...cell.tag }\">\n          {{ cell.tag.text }}\n        </ElTag>\n      </div>\n\n      <div v-if=\"cell.subText\" class=\"text-sm font-normal text-neutral-lighter overflow-hidden text-ellipsis\">\n        {{ cell.subText }}\n      </div>\n    </div>\n  </div>\n\n  <!-- ACTION -->\n  <div v-else-if=\"isCellTypeAction(cell)\" class=\"flex items-center h-12 overflow-y-hidden content-center justify-end gap-2\">\n    <ElButton v-for=\"(button, index) in cell.buttons\" :key=\"index\" v-bind=\"button\" />\n    <ElIconButton v-for=\"(iconButton, index) in cell.iconButtons\" :key=\"index\" v-bind=\"iconButton\" />\n    <ElDropdown v-if=\"cell.dropdown\" v-bind=\"cell.dropdown\" left>\n      <template #anchor=\"{ toggle }\">\n        <ElIconButton :disabled=\"cell.dropdown.disabled\" :icon=\"{ name: 'EllipsisVerticalIcon' }\" @click=\"toggle\" />\n      </template>\n    </ElDropdown>\n  </div>\n\n  <!-- INPUT -->\n  <div v-else-if=\"isCellTypeInput(cell)\" class=\"flex items-center h-12\">\n    <ElInputText class=\"w-full\" :model-value=\"cell.value\" @update:model-value=\"cell.onUpdate?.($event)\" />\n  </div>\n</template>\n"],"names":["dataCellTypes","isCellTypeDefault","cell","isCellTypeTag","isCellTypeAction","isCellTypeInput","getCellText","getCellSortableAndFilterableValue","_a"],"mappings":"84CAYaA,GAAgB,CAAC,UAAW,MAAO,SAAU,OAAO,EA8C3DC,EAAqBC,GAAwC,CAACA,EAAK,MAAQA,EAAK,OAAS,UACzFC,EAAiBD,GAAoCA,EAAK,OAAS,MACnEE,EAAoBF,GAAuCA,EAAK,OAAS,SACzEG,EAAmBH,GAAsCA,EAAK,OAAS,QAEhEI,GAAeJ,GACtBD,EAAkBC,CAAI,EAAUA,EAAK,SACrCC,EAAcD,CAAI,EAAUA,EAAK,IAAI,KAClC,KAGIK,GAAqCL,GAA2B,OAC3E,OAAIM,EAAAN,EAAK,6BAAL,MAAAM,EAAiC,OAAeN,EAAK,2BACrDD,EAAkBC,CAAI,EAAUA,EAAK,SACrCC,EAAcD,CAAI,EAAUA,EAAK,IAAI,KACrCG,EAAgBH,CAAI,GAAUA,EAAK,OAAS,EAElD"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElTablePagination.vue.cjs2.js","sources":["../../src/table/ElTablePagination.vue"],"sourcesContent":["<script lang=\"ts\">\ninterface ElTablePaginationProps<T> {\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</script>\n\n<script lang=\"ts\" setup generic=\"T\">\nimport { computed, ref, watch } from 'vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\nconst props = withDefaults(defineProps<ElTablePaginationProps<T>>(), {\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":"48CAaA,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 +0,0 @@
-{"version":3,"file":"ElTablePagination.vue.esm2.js","sources":["../../src/table/ElTablePagination.vue"],"sourcesContent":["<script lang=\"ts\">\ninterface ElTablePaginationProps<T> {\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</script>\n\n<script lang=\"ts\" setup generic=\"T\">\nimport { computed, ref, watch } from 'vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\nconst props = withDefaults(defineProps<ElTablePaginationProps<T>>(), {\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":"0iDAaA,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 +0,0 @@
-"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 +0,0 @@
-{"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 +0,0 @@
-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 +0,0 @@
-{"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 +0,0 @@
-{"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 +0,0 @@
-{"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 +0,0 @@
-{"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 +0,0 @@
-{"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 +0,0 @@
-{"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 +0,0 @@
-{"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"}