bootstrap-vue-next 0.45.9 → 0.46.0

package/dist/{BPagination-fbjFAtxu.js.map → BPagination-D_Hfk6OF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BPagination-fbjFAtxu.js","names":[],"sources":["../src/components/BPagination/BPagination.vue","../src/components/BPagination/BPagination.vue"],"sourcesContent":["<template>\n  <ul\n    class=\"pagination\"\n    :class=\"computedWrapperClasses\"\n    role=\"menubar\"\n    :aria-disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel || undefined\"\n    @keydown=\"handleKeyNav\"\n  >\n    <li\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page.id}`\"\n      v-bind=\"page.li\"\n      ref=\"_pageElements\"\n      :[dataDisplayNameCustomAttribute]=\"index\"\n    >\n      <span\n        v-if=\"page.id === FIRST_ELLIPSIS || page.id === LAST_ELLIPSIS\"\n        v-bind=\"ellipsisProps.span\"\n      >\n        <slot name=\"ellipsis-text\">\n          {{ props.ellipsisText || '...' }}\n        </slot>\n      </span>\n      <component\n        v-bind=\"page.button\"\n        :is=\"page.button.is\"\n        v-else-if=\"'button' in page\"\n        @click=\"page.clickHandler\"\n      >\n        <slot\n          :name=\"page.text.name\"\n          :disabled=\"page.text.disabled\"\n          :page=\"page.text.page\"\n          :index=\"page.text.index\"\n          :active=\"page.text.active ?? false\"\n          :content=\"page.text.value\"\n        >\n          {{ page.text.value }}\n        </slot>\n      </component>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvEvent} from '../../utils'\nimport {computed, nextTick, useTemplateRef, watch} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\nimport {CODE_DOWN, CODE_LEFT, CODE_RIGHT, CODE_UP} from '../../utils/constants'\nimport {getActiveElement} from '../../utils/dom'\nimport {type BPaginationEmits, type BPaginationProps, type BPaginationSlots} from '../../types'\n\n// Threshold of limit size when we start/stop showing ellipsis\nconst ELLIPSIS_THRESHOLD = 3\n\nconst FIRST_BUTTON = -1\nconst PREV_BUTTON = -2\nconst NEXT_BUTTON = -3\nconst LAST_BUTTON = -4\nconst FIRST_ELLIPSIS = -5\nconst LAST_ELLIPSIS = -6\n\nconst dataDisplayNameCustomAttribute = 'data-display-name'\n\nconst _props = withDefaults(defineProps<Omit<BPaginationProps, 'modelValue'>>(), {\n  align: 'start',\n  ariaControls: undefined,\n  ariaLabel: 'Pagination',\n  disabled: false,\n  ellipsisClass: undefined,\n  ellipsisText: '\\u2026',\n  firstClass: undefined,\n  firstNumber: false,\n  firstText: '\\u00AB',\n  noEllipsis: false,\n  noGotoEndButtons: false,\n  labelFirstPage: 'Go to first page',\n  labelLastPage: 'Go to last page',\n  labelNextPage: 'Go to next page',\n  labelPage: 'Go to page',\n  labelPrevPage: 'Go to previous page',\n  lastClass: undefined,\n  lastNumber: false,\n  lastText: '\\u00BB',\n  limit: 5,\n  nextClass: undefined,\n  nextText: '\\u203A',\n  pageClass: undefined,\n  perPage: DEFAULT_PER_PAGE,\n  pills: false,\n  prevClass: undefined,\n  prevText: '\\u2039',\n  size: undefined,\n  totalRows: DEFAULT_TOTAL_ROWS,\n})\nconst props = useDefaults(_props, 'BPagination')\nconst emit = defineEmits<BPaginationEmits>()\ndefineSlots<BPaginationSlots>()\n\nconst modelValue = defineModel<Exclude<BPaginationProps['modelValue'], undefined>>({\n  default: 1,\n})\n\nconst pageElements = useTemplateRef('_pageElements')\n\nconst limitNumber = useToNumber(() => props.limit, {nanToZero: true, method: 'parseInt'})\nconst perPageNumber = useToNumber(() => props.perPage, {nanToZero: true, method: 'parseInt'})\nconst totalRowsNumber = useToNumber(() => props.totalRows, {nanToZero: true, method: 'parseInt'})\nconst modelValueNumber = useToNumber(modelValue, {nanToZero: true, method: 'parseInt'})\n\nconst perPageSanitized = computed(() => Math.max(perPageNumber.value || DEFAULT_PER_PAGE, 1))\nconst totalRowsSanitized = computed(() => Math.max(totalRowsNumber.value || DEFAULT_TOTAL_ROWS, 0))\n// Use Active to on page-item to denote active tab\nconst numberOfPages = computed(() => Math.ceil(totalRowsSanitized.value / perPageSanitized.value))\nconst computedFill = computed(() => props.align === 'fill')\n// This doesn't use the computedFill util because TS cannot infer that it would never be 'fill'\nconst justifyAlign = computed(() => (props.align === 'fill' ? 'start' : props.align))\n\nconst alignment = useAlignment(justifyAlign)\n\nconst isActivePage = (pageNumber: number) => pageNumber === computedModelValue.value\nconst getTabIndex = (num: number) => (props.disabled ? null : isActivePage(num) ? '0' : '-1')\n\nconst checkDisabled = (num: number) =>\n  props.disabled ||\n  isActivePage(num) ||\n  computedModelValue.value < 1 ||\n  // Check if the number is out of bounds\n  num < 1 ||\n  num > numberOfPages.value\n\nconst firstDisabled = computed(() => checkDisabled(1))\nconst prevDisabled = computed(() => checkDisabled(computedModelValue.value - 1))\nconst lastDisabled = computed(() => checkDisabled(numberOfPages.value))\nconst nextDisabled = computed(() => checkDisabled(computedModelValue.value + 1))\n\nconst getBaseButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  tabIndex,\n  label,\n  position,\n  isActive,\n  hidden,\n  isSmHidden,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  tabIndex?: string\n  label?: string\n  position?: number\n  isActive?: boolean\n  hidden?: boolean\n  isSmHidden?: boolean\n}) => ({\n  li: {\n    'class': [\n      'page-item',\n      {\n        'active': isActive,\n        disabled,\n        'bv-d-sm-down-none': isSmHidden,\n        'flex-fill': computedFill.value,\n        'd-flex': computedFill.value && !disabled,\n      },\n      classVal,\n    ],\n    'role': 'presentation',\n    'aria-hidden': hidden,\n  },\n  button: {\n    'is': disabled ? 'span' : 'button',\n    'class': ['page-link', 'text-center', {'flex-grow-1': !disabled && computedFill.value}],\n    'aria-label': label,\n    'aria-controls': props.ariaControls || undefined,\n    'aria-disabled': disabled ? true : undefined,\n    'aria-posinset': position,\n    'aria-setsize': position ? numberOfPages.value : undefined,\n    'role': 'menuitem',\n    'type': disabled ? undefined : 'button',\n    'tabindex': disabled ? undefined : tabIndex,\n  },\n  text: {\n    name: slotName,\n    active: isActive,\n    value: textValue ?? page,\n    page,\n    disabled,\n    index: page - 1,\n    content: textValue ? undefined : String(page),\n  },\n  clickHandler: (e: Readonly<MouseEvent>) => pageClick(e, page),\n})\n\nconst getButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  label,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  label: string\n}) => getBaseButtonProps({page, classVal, disabled, slotName, textValue, label, tabIndex: '-1'})\n\nconst getPageButtonProps = (page: number, isSmHidden?: boolean) =>\n  getBaseButtonProps({\n    page,\n    disabled: props.disabled,\n    classVal: props.pageClass,\n    slotName: 'page',\n    label: props.labelPage ? `${props.labelPage} ${page}` : undefined,\n    tabIndex: getTabIndex(page) ?? undefined,\n    position: page,\n    isActive: isActivePage(page),\n    isSmHidden,\n  })\n\nconst firstButtonProps = computed(() =>\n  getButtonProps({\n    page: 1,\n    disabled: firstDisabled.value,\n    classVal: props.firstClass,\n    slotName: 'first-text',\n    textValue: props.firstText,\n    label: props.labelFirstPage,\n  })\n)\nconst prevButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.max(computedModelValue.value - 1, 1),\n    disabled: prevDisabled.value,\n    classVal: props.prevClass,\n    slotName: 'prev-text',\n    textValue: props.prevText,\n    label: props.labelPrevPage,\n  })\n)\nconst nextButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.min(computedModelValue.value + 1, numberOfPages.value),\n    disabled: nextDisabled.value,\n    classVal: props.nextClass,\n    slotName: 'next-text',\n    textValue: props.nextText,\n    label: props.labelNextPage,\n  })\n)\nconst lastButtonProps = computed(() =>\n  getButtonProps({\n    page: numberOfPages.value,\n    disabled: lastDisabled.value,\n    classVal: props.lastClass,\n    slotName: 'last-text',\n    textValue: props.lastText,\n    label: props.labelLastPage,\n  })\n)\n\nconst ellipsisProps = computed(() => ({\n  li: {\n    class: [\n      'page-item',\n      'disabled',\n      'text-center',\n      'bv-d-sm-down-none',\n      computedFill.value ? 'flex-fill' : '',\n      props.ellipsisClass,\n    ],\n    role: 'separator',\n  },\n  span: {\n    class: ['page-link'],\n  },\n}))\n\nconst computedWrapperClasses = computed(() => [\n  alignment.value,\n  {\n    [`pagination-${props.size}`]: props.size !== undefined,\n    'b-pagination-pills': props.pills,\n  },\n])\n\nconst pagination = computed(() => ({\n  pageSize: perPageSanitized.value,\n  totalRows: totalRowsNumber.value,\n  numberOfPages: numberOfPages.value,\n}))\n\nconst pageClick = (event: Readonly<MouseEvent>, pageNumber: number) => {\n  if (pageNumber === computedModelValue.value) return\n  const clickEvent = new BvEvent('page-click', {\n    cancelable: true,\n    target: event.target,\n  })\n  emit('page-click', clickEvent, pageNumber)\n\n  if (clickEvent.defaultPrevented) return\n\n  modelValue.value = pageNumber\n\n  nextTick(() => {\n    if (pageNumber === 1) {\n      focusFirst()\n    } else if (pageNumber === pagination.value.numberOfPages) {\n      focusLast()\n    }\n  })\n  //    nextTick(() => {\n  //  if (isVisible(target) && un_element.contains(target)) {\n  //  attemptFocus(target)\n  //} else {\n  //this.focusCurrent()\n  //}\n  // })\n}\n\nconst isDisabled = (el: HTMLButtonElement) => {\n  const isElement = el && el.nodeType === Node.ELEMENT_NODE\n  const hasAttr = isElement ? el.hasAttribute('disabled') : null\n  const hasClass = isElement && el.classList ? el.classList.contains('disabled') : false\n\n  return !isElement || el.disabled || hasAttr || hasClass\n}\n\nconst getButtons = (): HTMLButtonElement[] =>\n  [...(pageElements.value ?? [])]\n    .sort(\n      (a, b) =>\n        Number.parseInt(a.getAttribute(dataDisplayNameCustomAttribute) || '0') -\n        Number.parseInt(b.getAttribute(dataDisplayNameCustomAttribute) || '0')\n    )\n    .map((page) => page.children[0])\n    .filter((el) => {\n      if (el?.getAttribute('display') === 'none' || el?.tagName.toUpperCase() !== 'BUTTON') {\n        return false\n      }\n\n      const bcr = el?.getBoundingClientRect()\n\n      return !!(bcr && bcr.height > 0 && bcr.width > 0)\n    })\n    .map((el) => el as HTMLButtonElement)\n\nconst focusFirst = () => {\n  nextTick(() => {\n    const btn = getButtons().find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusPrev = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n\n    const button = buttons[index - 1]\n    if (index > 0 && button !== undefined && !isDisabled(button)) {\n      buttons[index - 1]?.focus()\n    }\n  })\n}\n\nconst focusLast = () => {\n  nextTick(() => {\n    const btn = getButtons()\n      .reverse()\n      .find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusNext = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n    const button = buttons[index + 1]\n    if (index < buttons.length - 1 && button !== undefined && !isDisabled(button)) {\n      buttons[index + 1]?.focus()\n    }\n  })\n}\n\nconst handleKeyNav = (event: KeyboardEvent) => {\n  const {code, shiftKey} = event\n  if (code === CODE_LEFT || code === CODE_UP) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusFirst()\n    } else {\n      focusPrev()\n    }\n  } else if (code === CODE_RIGHT || code === CODE_DOWN) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusLast()\n    } else {\n      focusNext()\n    }\n  }\n}\n\nconst computedModelValue = computed(() => {\n  const page = modelValueNumber.value || 1\n  return page > numberOfPages.value ? numberOfPages.value : page < 1 ? 1 : page\n})\n\nwatch(pagination, (oldValue, newValue) => {\n  if (newValue.pageSize !== oldValue.pageSize && newValue.totalRows === oldValue.totalRows) {\n    // If the page size changes, reset to page 1\n    modelValue.value = 1\n  }\n})\n\nconst noFirstButton = computed(() => (props.noGotoEndButtons && !props.firstNumber ? 1 : 0))\nconst noLastButton = computed(() => (props.noGotoEndButtons && !props.lastNumber ? 1 : 0))\nconst showFirstButton = computed(() => (noFirstButton.value ? 0 : 1))\nconst showLastButton = computed(() => (noLastButton.value ? 0 : 1))\nconst firstPage = computed(() => (props.firstNumber ? 1 : 0))\nconst lastPage = computed(() => (props.lastNumber ? 1 : 0))\nconst halfLimit = computed(() => Math.floor(limitNumber.value / 2))\n\nconst pages = computed(() => {\n  const {value} = computedModelValue\n\n  const els = elements.value.map((p) => {\n    switch (p) {\n      case FIRST_BUTTON:\n        return {id: p, ...firstButtonProps.value}\n      case PREV_BUTTON:\n        return {id: p, ...prevButtonProps.value}\n      case NEXT_BUTTON:\n        return {id: p, ...nextButtonProps.value}\n      case LAST_BUTTON:\n        return {id: p, ...lastButtonProps.value}\n      case FIRST_ELLIPSIS:\n      case LAST_ELLIPSIS:\n        return {id: p, ...ellipsisProps.value}\n      default:\n        return {id: p, ...getPageButtonProps(p)}\n    }\n  })\n\n  if (numberOfPages.value > 3) {\n    if (value > numberOfPages.value - halfLimit.value - lastPage.value) {\n      const idx = 2 + showFirstButton.value\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n\n    if (value <= halfLimit.value + firstPage.value) {\n      const idx = els.length - (3 + showLastButton.value)\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n  }\n\n  return els\n})\n\nconst elements = computed(() => {\n  // The idea here is to create an array of all the buttons on the page control.\n  // This way we can keep the invariants in one place and the template code just\n  // iterates over the array.\n\n  const pages = numberOfPages.value\n  const {value} = computedModelValue\n  const limit = limitNumber.value\n  const noEllipsis = props.noEllipsis || limit <= ELLIPSIS_THRESHOLD\n\n  // The first case is when all the page buttons fit on the control, this is\n  //  the simplest case and the only one that will create an array smaller than\n  //  Limit + 4 - noEndButtons * 2 (the [first, last,] prev, next buttons)\n\n  if (pages < limit + firstPage.value + lastPage.value) {\n    return [\n      !firstPage.value && !noFirstButton.value ? FIRST_BUTTON : null,\n      PREV_BUTTON,\n      ...Array.from({length: pages}, (_, index) => index + 1),\n      NEXT_BUTTON,\n      !lastPage.value && !noLastButton.value ? LAST_BUTTON : null,\n    ].filter((x) => x !== null) as number[]\n  }\n\n  // All the remaining cases result in an array that is exactly limit + 4 - noEndButtons * 2 in length, so create\n  //  the array upfront and set up the beginning and end buttons, then fill the rest for each case\n\n  const buttons = Array.from({length: limit + 4 - (noFirstButton.value + noLastButton.value)})\n  if (!noFirstButton.value) {\n    if (!firstPage.value) {\n      buttons[0] = FIRST_BUTTON\n      buttons[1] = PREV_BUTTON\n    } else {\n      buttons[0] = PREV_BUTTON\n      buttons[1] = 1\n    }\n  } else {\n    buttons[0] = PREV_BUTTON\n  }\n\n  if (!noLastButton.value) {\n    if (!lastPage.value) {\n      buttons[buttons.length - 1] = LAST_BUTTON\n      buttons[buttons.length - 2] = NEXT_BUTTON\n    } else {\n      buttons[buttons.length - 1] = NEXT_BUTTON\n      buttons[buttons.length - 2] = pages\n    }\n  } else {\n    buttons[buttons.length - 1] = NEXT_BUTTON\n  }\n\n  // The next case is where the page buttons start at the beginning, with\n  //  no ellipsis at the beginning, but one at the end\n\n  if (value <= halfLimit.value + firstPage.value) {\n    for (let index = 1; index <= limit; index++) {\n      buttons[index + 1 - noFirstButton.value] = index + firstPage.value\n    }\n\n    if (!noEllipsis) {\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  // And then we have the case where the page buttons go up to the end, with no\n  //  ellipsis at the end, but one at the beginning\n\n  if (value > pages - halfLimit.value - lastPage.value) {\n    const start = pages - (limit - 1) - lastPage.value\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n    }\n  }\n\n  // Finally we have the case where we have ellipsis at both ends\n  if (!buttons[2]) {\n    // Is there a more elegant way to check that we're in the final case?\n    const start = value - Math.floor(limit / 2)\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  //Enable sanity check for debugging purposes\n  // for (let i = 0; i < buttons.length; i++) {\n  //   if (!buttons[i]) {\n  //     // eslint-disable-next-line no-console\n  //     console.log(\n  //       `Failed: button == ${i}, limit=${limit}, pages=${pages}, firstPage=${firstPage}, lastPage=${lastPage}, value=${value}`\n  //     )\n  //   }\n  // }\n\n  return buttons.filter((x) => x !== null) as number[]\n})\n</script>\n\n<script lang=\"ts\">\nconst DEFAULT_PER_PAGE = 20\nconst DEFAULT_TOTAL_ROWS = 0\n</script>\n","<template>\n  <ul\n    class=\"pagination\"\n    :class=\"computedWrapperClasses\"\n    role=\"menubar\"\n    :aria-disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel || undefined\"\n    @keydown=\"handleKeyNav\"\n  >\n    <li\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page.id}`\"\n      v-bind=\"page.li\"\n      ref=\"_pageElements\"\n      :[dataDisplayNameCustomAttribute]=\"index\"\n    >\n      <span\n        v-if=\"page.id === FIRST_ELLIPSIS || page.id === LAST_ELLIPSIS\"\n        v-bind=\"ellipsisProps.span\"\n      >\n        <slot name=\"ellipsis-text\">\n          {{ props.ellipsisText || '...' }}\n        </slot>\n      </span>\n      <component\n        v-bind=\"page.button\"\n        :is=\"page.button.is\"\n        v-else-if=\"'button' in page\"\n        @click=\"page.clickHandler\"\n      >\n        <slot\n          :name=\"page.text.name\"\n          :disabled=\"page.text.disabled\"\n          :page=\"page.text.page\"\n          :index=\"page.text.index\"\n          :active=\"page.text.active ?? false\"\n          :content=\"page.text.value\"\n        >\n          {{ page.text.value }}\n        </slot>\n      </component>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvEvent} from '../../utils'\nimport {computed, nextTick, useTemplateRef, watch} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\nimport {CODE_DOWN, CODE_LEFT, CODE_RIGHT, CODE_UP} from '../../utils/constants'\nimport {getActiveElement} from '../../utils/dom'\nimport {type BPaginationEmits, type BPaginationProps, type BPaginationSlots} from '../../types'\n\n// Threshold of limit size when we start/stop showing ellipsis\nconst ELLIPSIS_THRESHOLD = 3\n\nconst FIRST_BUTTON = -1\nconst PREV_BUTTON = -2\nconst NEXT_BUTTON = -3\nconst LAST_BUTTON = -4\nconst FIRST_ELLIPSIS = -5\nconst LAST_ELLIPSIS = -6\n\nconst dataDisplayNameCustomAttribute = 'data-display-name'\n\nconst _props = withDefaults(defineProps<Omit<BPaginationProps, 'modelValue'>>(), {\n  align: 'start',\n  ariaControls: undefined,\n  ariaLabel: 'Pagination',\n  disabled: false,\n  ellipsisClass: undefined,\n  ellipsisText: '\\u2026',\n  firstClass: undefined,\n  firstNumber: false,\n  firstText: '\\u00AB',\n  noEllipsis: false,\n  noGotoEndButtons: false,\n  labelFirstPage: 'Go to first page',\n  labelLastPage: 'Go to last page',\n  labelNextPage: 'Go to next page',\n  labelPage: 'Go to page',\n  labelPrevPage: 'Go to previous page',\n  lastClass: undefined,\n  lastNumber: false,\n  lastText: '\\u00BB',\n  limit: 5,\n  nextClass: undefined,\n  nextText: '\\u203A',\n  pageClass: undefined,\n  perPage: DEFAULT_PER_PAGE,\n  pills: false,\n  prevClass: undefined,\n  prevText: '\\u2039',\n  size: undefined,\n  totalRows: DEFAULT_TOTAL_ROWS,\n})\nconst props = useDefaults(_props, 'BPagination')\nconst emit = defineEmits<BPaginationEmits>()\ndefineSlots<BPaginationSlots>()\n\nconst modelValue = defineModel<Exclude<BPaginationProps['modelValue'], undefined>>({\n  default: 1,\n})\n\nconst pageElements = useTemplateRef('_pageElements')\n\nconst limitNumber = useToNumber(() => props.limit, {nanToZero: true, method: 'parseInt'})\nconst perPageNumber = useToNumber(() => props.perPage, {nanToZero: true, method: 'parseInt'})\nconst totalRowsNumber = useToNumber(() => props.totalRows, {nanToZero: true, method: 'parseInt'})\nconst modelValueNumber = useToNumber(modelValue, {nanToZero: true, method: 'parseInt'})\n\nconst perPageSanitized = computed(() => Math.max(perPageNumber.value || DEFAULT_PER_PAGE, 1))\nconst totalRowsSanitized = computed(() => Math.max(totalRowsNumber.value || DEFAULT_TOTAL_ROWS, 0))\n// Use Active to on page-item to denote active tab\nconst numberOfPages = computed(() => Math.ceil(totalRowsSanitized.value / perPageSanitized.value))\nconst computedFill = computed(() => props.align === 'fill')\n// This doesn't use the computedFill util because TS cannot infer that it would never be 'fill'\nconst justifyAlign = computed(() => (props.align === 'fill' ? 'start' : props.align))\n\nconst alignment = useAlignment(justifyAlign)\n\nconst isActivePage = (pageNumber: number) => pageNumber === computedModelValue.value\nconst getTabIndex = (num: number) => (props.disabled ? null : isActivePage(num) ? '0' : '-1')\n\nconst checkDisabled = (num: number) =>\n  props.disabled ||\n  isActivePage(num) ||\n  computedModelValue.value < 1 ||\n  // Check if the number is out of bounds\n  num < 1 ||\n  num > numberOfPages.value\n\nconst firstDisabled = computed(() => checkDisabled(1))\nconst prevDisabled = computed(() => checkDisabled(computedModelValue.value - 1))\nconst lastDisabled = computed(() => checkDisabled(numberOfPages.value))\nconst nextDisabled = computed(() => checkDisabled(computedModelValue.value + 1))\n\nconst getBaseButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  tabIndex,\n  label,\n  position,\n  isActive,\n  hidden,\n  isSmHidden,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  tabIndex?: string\n  label?: string\n  position?: number\n  isActive?: boolean\n  hidden?: boolean\n  isSmHidden?: boolean\n}) => ({\n  li: {\n    'class': [\n      'page-item',\n      {\n        'active': isActive,\n        disabled,\n        'bv-d-sm-down-none': isSmHidden,\n        'flex-fill': computedFill.value,\n        'd-flex': computedFill.value && !disabled,\n      },\n      classVal,\n    ],\n    'role': 'presentation',\n    'aria-hidden': hidden,\n  },\n  button: {\n    'is': disabled ? 'span' : 'button',\n    'class': ['page-link', 'text-center', {'flex-grow-1': !disabled && computedFill.value}],\n    'aria-label': label,\n    'aria-controls': props.ariaControls || undefined,\n    'aria-disabled': disabled ? true : undefined,\n    'aria-posinset': position,\n    'aria-setsize': position ? numberOfPages.value : undefined,\n    'role': 'menuitem',\n    'type': disabled ? undefined : 'button',\n    'tabindex': disabled ? undefined : tabIndex,\n  },\n  text: {\n    name: slotName,\n    active: isActive,\n    value: textValue ?? page,\n    page,\n    disabled,\n    index: page - 1,\n    content: textValue ? undefined : String(page),\n  },\n  clickHandler: (e: Readonly<MouseEvent>) => pageClick(e, page),\n})\n\nconst getButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  label,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  label: string\n}) => getBaseButtonProps({page, classVal, disabled, slotName, textValue, label, tabIndex: '-1'})\n\nconst getPageButtonProps = (page: number, isSmHidden?: boolean) =>\n  getBaseButtonProps({\n    page,\n    disabled: props.disabled,\n    classVal: props.pageClass,\n    slotName: 'page',\n    label: props.labelPage ? `${props.labelPage} ${page}` : undefined,\n    tabIndex: getTabIndex(page) ?? undefined,\n    position: page,\n    isActive: isActivePage(page),\n    isSmHidden,\n  })\n\nconst firstButtonProps = computed(() =>\n  getButtonProps({\n    page: 1,\n    disabled: firstDisabled.value,\n    classVal: props.firstClass,\n    slotName: 'first-text',\n    textValue: props.firstText,\n    label: props.labelFirstPage,\n  })\n)\nconst prevButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.max(computedModelValue.value - 1, 1),\n    disabled: prevDisabled.value,\n    classVal: props.prevClass,\n    slotName: 'prev-text',\n    textValue: props.prevText,\n    label: props.labelPrevPage,\n  })\n)\nconst nextButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.min(computedModelValue.value + 1, numberOfPages.value),\n    disabled: nextDisabled.value,\n    classVal: props.nextClass,\n    slotName: 'next-text',\n    textValue: props.nextText,\n    label: props.labelNextPage,\n  })\n)\nconst lastButtonProps = computed(() =>\n  getButtonProps({\n    page: numberOfPages.value,\n    disabled: lastDisabled.value,\n    classVal: props.lastClass,\n    slotName: 'last-text',\n    textValue: props.lastText,\n    label: props.labelLastPage,\n  })\n)\n\nconst ellipsisProps = computed(() => ({\n  li: {\n    class: [\n      'page-item',\n      'disabled',\n      'text-center',\n      'bv-d-sm-down-none',\n      computedFill.value ? 'flex-fill' : '',\n      props.ellipsisClass,\n    ],\n    role: 'separator',\n  },\n  span: {\n    class: ['page-link'],\n  },\n}))\n\nconst computedWrapperClasses = computed(() => [\n  alignment.value,\n  {\n    [`pagination-${props.size}`]: props.size !== undefined,\n    'b-pagination-pills': props.pills,\n  },\n])\n\nconst pagination = computed(() => ({\n  pageSize: perPageSanitized.value,\n  totalRows: totalRowsNumber.value,\n  numberOfPages: numberOfPages.value,\n}))\n\nconst pageClick = (event: Readonly<MouseEvent>, pageNumber: number) => {\n  if (pageNumber === computedModelValue.value) return\n  const clickEvent = new BvEvent('page-click', {\n    cancelable: true,\n    target: event.target,\n  })\n  emit('page-click', clickEvent, pageNumber)\n\n  if (clickEvent.defaultPrevented) return\n\n  modelValue.value = pageNumber\n\n  nextTick(() => {\n    if (pageNumber === 1) {\n      focusFirst()\n    } else if (pageNumber === pagination.value.numberOfPages) {\n      focusLast()\n    }\n  })\n  //    nextTick(() => {\n  //  if (isVisible(target) && un_element.contains(target)) {\n  //  attemptFocus(target)\n  //} else {\n  //this.focusCurrent()\n  //}\n  // })\n}\n\nconst isDisabled = (el: HTMLButtonElement) => {\n  const isElement = el && el.nodeType === Node.ELEMENT_NODE\n  const hasAttr = isElement ? el.hasAttribute('disabled') : null\n  const hasClass = isElement && el.classList ? el.classList.contains('disabled') : false\n\n  return !isElement || el.disabled || hasAttr || hasClass\n}\n\nconst getButtons = (): HTMLButtonElement[] =>\n  [...(pageElements.value ?? [])]\n    .sort(\n      (a, b) =>\n        Number.parseInt(a.getAttribute(dataDisplayNameCustomAttribute) || '0') -\n        Number.parseInt(b.getAttribute(dataDisplayNameCustomAttribute) || '0')\n    )\n    .map((page) => page.children[0])\n    .filter((el) => {\n      if (el?.getAttribute('display') === 'none' || el?.tagName.toUpperCase() !== 'BUTTON') {\n        return false\n      }\n\n      const bcr = el?.getBoundingClientRect()\n\n      return !!(bcr && bcr.height > 0 && bcr.width > 0)\n    })\n    .map((el) => el as HTMLButtonElement)\n\nconst focusFirst = () => {\n  nextTick(() => {\n    const btn = getButtons().find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusPrev = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n\n    const button = buttons[index - 1]\n    if (index > 0 && button !== undefined && !isDisabled(button)) {\n      buttons[index - 1]?.focus()\n    }\n  })\n}\n\nconst focusLast = () => {\n  nextTick(() => {\n    const btn = getButtons()\n      .reverse()\n      .find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusNext = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n    const button = buttons[index + 1]\n    if (index < buttons.length - 1 && button !== undefined && !isDisabled(button)) {\n      buttons[index + 1]?.focus()\n    }\n  })\n}\n\nconst handleKeyNav = (event: KeyboardEvent) => {\n  const {code, shiftKey} = event\n  if (code === CODE_LEFT || code === CODE_UP) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusFirst()\n    } else {\n      focusPrev()\n    }\n  } else if (code === CODE_RIGHT || code === CODE_DOWN) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusLast()\n    } else {\n      focusNext()\n    }\n  }\n}\n\nconst computedModelValue = computed(() => {\n  const page = modelValueNumber.value || 1\n  return page > numberOfPages.value ? numberOfPages.value : page < 1 ? 1 : page\n})\n\nwatch(pagination, (oldValue, newValue) => {\n  if (newValue.pageSize !== oldValue.pageSize && newValue.totalRows === oldValue.totalRows) {\n    // If the page size changes, reset to page 1\n    modelValue.value = 1\n  }\n})\n\nconst noFirstButton = computed(() => (props.noGotoEndButtons && !props.firstNumber ? 1 : 0))\nconst noLastButton = computed(() => (props.noGotoEndButtons && !props.lastNumber ? 1 : 0))\nconst showFirstButton = computed(() => (noFirstButton.value ? 0 : 1))\nconst showLastButton = computed(() => (noLastButton.value ? 0 : 1))\nconst firstPage = computed(() => (props.firstNumber ? 1 : 0))\nconst lastPage = computed(() => (props.lastNumber ? 1 : 0))\nconst halfLimit = computed(() => Math.floor(limitNumber.value / 2))\n\nconst pages = computed(() => {\n  const {value} = computedModelValue\n\n  const els = elements.value.map((p) => {\n    switch (p) {\n      case FIRST_BUTTON:\n        return {id: p, ...firstButtonProps.value}\n      case PREV_BUTTON:\n        return {id: p, ...prevButtonProps.value}\n      case NEXT_BUTTON:\n        return {id: p, ...nextButtonProps.value}\n      case LAST_BUTTON:\n        return {id: p, ...lastButtonProps.value}\n      case FIRST_ELLIPSIS:\n      case LAST_ELLIPSIS:\n        return {id: p, ...ellipsisProps.value}\n      default:\n        return {id: p, ...getPageButtonProps(p)}\n    }\n  })\n\n  if (numberOfPages.value > 3) {\n    if (value > numberOfPages.value - halfLimit.value - lastPage.value) {\n      const idx = 2 + showFirstButton.value\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n\n    if (value <= halfLimit.value + firstPage.value) {\n      const idx = els.length - (3 + showLastButton.value)\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n  }\n\n  return els\n})\n\nconst elements = computed(() => {\n  // The idea here is to create an array of all the buttons on the page control.\n  // This way we can keep the invariants in one place and the template code just\n  // iterates over the array.\n\n  const pages = numberOfPages.value\n  const {value} = computedModelValue\n  const limit = limitNumber.value\n  const noEllipsis = props.noEllipsis || limit <= ELLIPSIS_THRESHOLD\n\n  // The first case is when all the page buttons fit on the control, this is\n  //  the simplest case and the only one that will create an array smaller than\n  //  Limit + 4 - noEndButtons * 2 (the [first, last,] prev, next buttons)\n\n  if (pages < limit + firstPage.value + lastPage.value) {\n    return [\n      !firstPage.value && !noFirstButton.value ? FIRST_BUTTON : null,\n      PREV_BUTTON,\n      ...Array.from({length: pages}, (_, index) => index + 1),\n      NEXT_BUTTON,\n      !lastPage.value && !noLastButton.value ? LAST_BUTTON : null,\n    ].filter((x) => x !== null) as number[]\n  }\n\n  // All the remaining cases result in an array that is exactly limit + 4 - noEndButtons * 2 in length, so create\n  //  the array upfront and set up the beginning and end buttons, then fill the rest for each case\n\n  const buttons = Array.from({length: limit + 4 - (noFirstButton.value + noLastButton.value)})\n  if (!noFirstButton.value) {\n    if (!firstPage.value) {\n      buttons[0] = FIRST_BUTTON\n      buttons[1] = PREV_BUTTON\n    } else {\n      buttons[0] = PREV_BUTTON\n      buttons[1] = 1\n    }\n  } else {\n    buttons[0] = PREV_BUTTON\n  }\n\n  if (!noLastButton.value) {\n    if (!lastPage.value) {\n      buttons[buttons.length - 1] = LAST_BUTTON\n      buttons[buttons.length - 2] = NEXT_BUTTON\n    } else {\n      buttons[buttons.length - 1] = NEXT_BUTTON\n      buttons[buttons.length - 2] = pages\n    }\n  } else {\n    buttons[buttons.length - 1] = NEXT_BUTTON\n  }\n\n  // The next case is where the page buttons start at the beginning, with\n  //  no ellipsis at the beginning, but one at the end\n\n  if (value <= halfLimit.value + firstPage.value) {\n    for (let index = 1; index <= limit; index++) {\n      buttons[index + 1 - noFirstButton.value] = index + firstPage.value\n    }\n\n    if (!noEllipsis) {\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  // And then we have the case where the page buttons go up to the end, with no\n  //  ellipsis at the end, but one at the beginning\n\n  if (value > pages - halfLimit.value - lastPage.value) {\n    const start = pages - (limit - 1) - lastPage.value\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n    }\n  }\n\n  // Finally we have the case where we have ellipsis at both ends\n  if (!buttons[2]) {\n    // Is there a more elegant way to check that we're in the final case?\n    const start = value - Math.floor(limit / 2)\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  //Enable sanity check for debugging purposes\n  // for (let i = 0; i < buttons.length; i++) {\n  //   if (!buttons[i]) {\n  //     // eslint-disable-next-line no-console\n  //     console.log(\n  //       `Failed: button == ${i}, limit=${limit}, pages=${pages}, firstPage=${firstPage}, lastPage=${lastPage}, value=${value}`\n  //     )\n  //   }\n  // }\n\n  return buttons.filter((x) => x !== null) as number[]\n})\n</script>\n\n<script lang=\"ts\">\nconst DEFAULT_PER_PAGE = 20\nconst DEFAULT_TOTAL_ROWS = 0\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BPagination-D_Hfk6OF.js","names":[],"sources":["../src/components/BPagination/BPagination.vue","../src/components/BPagination/BPagination.vue"],"sourcesContent":["<template>\n  <ul\n    class=\"pagination\"\n    :class=\"computedWrapperClasses\"\n    role=\"menubar\"\n    :aria-disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel || undefined\"\n    @keydown=\"handleKeyNav\"\n  >\n    <li\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page.id}`\"\n      v-bind=\"page.li\"\n      ref=\"_pageElements\"\n      :[dataDisplayNameCustomAttribute]=\"index\"\n    >\n      <span\n        v-if=\"page.id === FIRST_ELLIPSIS || page.id === LAST_ELLIPSIS\"\n        v-bind=\"ellipsisProps.span\"\n      >\n        <slot name=\"ellipsis-text\">\n          {{ props.ellipsisText || '...' }}\n        </slot>\n      </span>\n      <component\n        v-bind=\"page.button\"\n        :is=\"page.button.is\"\n        v-else-if=\"'button' in page\"\n        @click=\"page.clickHandler\"\n      >\n        <slot\n          :name=\"page.text.name\"\n          :disabled=\"page.text.disabled\"\n          :page=\"page.text.page\"\n          :index=\"page.text.index\"\n          :active=\"page.text.active ?? false\"\n          :content=\"page.text.value\"\n        >\n          {{ page.text.value }}\n        </slot>\n      </component>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvEvent} from '../../utils'\nimport {computed, nextTick, useTemplateRef, watch} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\nimport {CODE_DOWN, CODE_LEFT, CODE_RIGHT, CODE_UP} from '../../utils/constants'\nimport {getActiveElement} from '../../utils/dom'\nimport {type BPaginationEmits, type BPaginationProps, type BPaginationSlots} from '../../types'\n\n// Threshold of limit size when we start/stop showing ellipsis\nconst ELLIPSIS_THRESHOLD = 3\n\nconst FIRST_BUTTON = -1\nconst PREV_BUTTON = -2\nconst NEXT_BUTTON = -3\nconst LAST_BUTTON = -4\nconst FIRST_ELLIPSIS = -5\nconst LAST_ELLIPSIS = -6\n\nconst dataDisplayNameCustomAttribute = 'data-display-name'\n\nconst _props = withDefaults(defineProps<Omit<BPaginationProps, 'modelValue'>>(), {\n  align: 'start',\n  ariaControls: undefined,\n  ariaLabel: 'Pagination',\n  disabled: false,\n  ellipsisClass: undefined,\n  ellipsisText: '\\u2026',\n  firstClass: undefined,\n  firstNumber: false,\n  firstText: '\\u00AB',\n  noEllipsis: false,\n  noGotoEndButtons: false,\n  labelFirstPage: 'Go to first page',\n  labelLastPage: 'Go to last page',\n  labelNextPage: 'Go to next page',\n  labelPage: 'Go to page',\n  labelPrevPage: 'Go to previous page',\n  lastClass: undefined,\n  lastNumber: false,\n  lastText: '\\u00BB',\n  limit: 5,\n  nextClass: undefined,\n  nextText: '\\u203A',\n  pageClass: undefined,\n  perPage: DEFAULT_PER_PAGE,\n  pills: false,\n  prevClass: undefined,\n  prevText: '\\u2039',\n  size: undefined,\n  totalRows: DEFAULT_TOTAL_ROWS,\n})\nconst props = useDefaults(_props, 'BPagination')\nconst emit = defineEmits<BPaginationEmits>()\ndefineSlots<BPaginationSlots>()\n\nconst modelValue = defineModel<Exclude<BPaginationProps['modelValue'], undefined>>({\n  default: 1,\n})\n\nconst pageElements = useTemplateRef('_pageElements')\n\nconst limitNumber = useToNumber(() => props.limit, {nanToZero: true, method: 'parseInt'})\nconst perPageNumber = useToNumber(() => props.perPage, {nanToZero: true, method: 'parseInt'})\nconst totalRowsNumber = useToNumber(() => props.totalRows, {nanToZero: true, method: 'parseInt'})\nconst modelValueNumber = useToNumber(modelValue, {nanToZero: true, method: 'parseInt'})\n\nconst perPageSanitized = computed(() => Math.max(perPageNumber.value || DEFAULT_PER_PAGE, 1))\nconst totalRowsSanitized = computed(() => Math.max(totalRowsNumber.value || DEFAULT_TOTAL_ROWS, 0))\n// Use Active to on page-item to denote active tab\nconst numberOfPages = computed(() => Math.ceil(totalRowsSanitized.value / perPageSanitized.value))\nconst computedFill = computed(() => props.align === 'fill')\n// This doesn't use the computedFill util because TS cannot infer that it would never be 'fill'\nconst justifyAlign = computed(() => (props.align === 'fill' ? 'start' : props.align))\n\nconst alignment = useAlignment(justifyAlign)\n\nconst isActivePage = (pageNumber: number) => pageNumber === computedModelValue.value\nconst getTabIndex = (num: number) => (props.disabled ? null : isActivePage(num) ? '0' : '-1')\n\nconst checkDisabled = (num: number) =>\n  props.disabled ||\n  isActivePage(num) ||\n  computedModelValue.value < 1 ||\n  // Check if the number is out of bounds\n  num < 1 ||\n  num > numberOfPages.value\n\nconst firstDisabled = computed(() => checkDisabled(1))\nconst prevDisabled = computed(() => checkDisabled(computedModelValue.value - 1))\nconst lastDisabled = computed(() => checkDisabled(numberOfPages.value))\nconst nextDisabled = computed(() => checkDisabled(computedModelValue.value + 1))\n\nconst getBaseButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  tabIndex,\n  label,\n  position,\n  isActive,\n  hidden,\n  isSmHidden,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  tabIndex?: string\n  label?: string\n  position?: number\n  isActive?: boolean\n  hidden?: boolean\n  isSmHidden?: boolean\n}) => ({\n  li: {\n    'class': [\n      'page-item',\n      {\n        'active': isActive,\n        disabled,\n        'bv-d-sm-down-none': isSmHidden,\n        'flex-fill': computedFill.value,\n        'd-flex': computedFill.value && !disabled,\n      },\n      classVal,\n    ],\n    'role': 'presentation',\n    'aria-hidden': hidden,\n  },\n  button: {\n    'is': disabled ? 'span' : 'button',\n    'class': ['page-link', 'text-center', {'flex-grow-1': !disabled && computedFill.value}],\n    'aria-label': label,\n    'aria-controls': props.ariaControls || undefined,\n    'aria-disabled': disabled ? true : undefined,\n    'aria-posinset': position,\n    'aria-setsize': position ? numberOfPages.value : undefined,\n    'role': 'menuitem',\n    'type': disabled ? undefined : 'button',\n    'tabindex': disabled ? undefined : tabIndex,\n  },\n  text: {\n    name: slotName,\n    active: isActive,\n    value: textValue ?? page,\n    page,\n    disabled,\n    index: page - 1,\n    content: textValue ? undefined : String(page),\n  },\n  clickHandler: (e: Readonly<MouseEvent>) => pageClick(e, page),\n})\n\nconst getButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  label,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  label: string\n}) => getBaseButtonProps({page, classVal, disabled, slotName, textValue, label, tabIndex: '-1'})\n\nconst getPageButtonProps = (page: number, isSmHidden?: boolean) =>\n  getBaseButtonProps({\n    page,\n    disabled: props.disabled,\n    classVal: props.pageClass,\n    slotName: 'page',\n    label: props.labelPage ? `${props.labelPage} ${page}` : undefined,\n    tabIndex: getTabIndex(page) ?? undefined,\n    position: page,\n    isActive: isActivePage(page),\n    isSmHidden,\n  })\n\nconst firstButtonProps = computed(() =>\n  getButtonProps({\n    page: 1,\n    disabled: firstDisabled.value,\n    classVal: props.firstClass,\n    slotName: 'first-text',\n    textValue: props.firstText,\n    label: props.labelFirstPage,\n  })\n)\nconst prevButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.max(computedModelValue.value - 1, 1),\n    disabled: prevDisabled.value,\n    classVal: props.prevClass,\n    slotName: 'prev-text',\n    textValue: props.prevText,\n    label: props.labelPrevPage,\n  })\n)\nconst nextButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.min(computedModelValue.value + 1, numberOfPages.value),\n    disabled: nextDisabled.value,\n    classVal: props.nextClass,\n    slotName: 'next-text',\n    textValue: props.nextText,\n    label: props.labelNextPage,\n  })\n)\nconst lastButtonProps = computed(() =>\n  getButtonProps({\n    page: numberOfPages.value,\n    disabled: lastDisabled.value,\n    classVal: props.lastClass,\n    slotName: 'last-text',\n    textValue: props.lastText,\n    label: props.labelLastPage,\n  })\n)\n\nconst ellipsisProps = computed(() => ({\n  li: {\n    class: [\n      'page-item',\n      'disabled',\n      'text-center',\n      'bv-d-sm-down-none',\n      computedFill.value ? 'flex-fill' : '',\n      props.ellipsisClass,\n    ],\n    role: 'separator',\n  },\n  span: {\n    class: ['page-link'],\n  },\n}))\n\nconst computedWrapperClasses = computed(() => [\n  alignment.value,\n  {\n    [`pagination-${props.size}`]: props.size !== undefined,\n    'b-pagination-pills': props.pills,\n  },\n])\n\nconst pagination = computed(() => ({\n  pageSize: perPageSanitized.value,\n  totalRows: totalRowsNumber.value,\n  numberOfPages: numberOfPages.value,\n}))\n\nconst pageClick = (event: Readonly<MouseEvent>, pageNumber: number) => {\n  if (pageNumber === computedModelValue.value) return\n  const clickEvent = new BvEvent('page-click', {\n    cancelable: true,\n    target: event.target,\n  })\n  emit('page-click', clickEvent, pageNumber)\n\n  if (clickEvent.defaultPrevented) return\n\n  modelValue.value = pageNumber\n\n  nextTick(() => {\n    if (pageNumber === 1) {\n      focusFirst()\n    } else if (pageNumber === pagination.value.numberOfPages) {\n      focusLast()\n    }\n  })\n  //    nextTick(() => {\n  //  if (isVisible(target) && un_element.contains(target)) {\n  //  attemptFocus(target)\n  //} else {\n  //this.focusCurrent()\n  //}\n  // })\n}\n\nconst isDisabled = (el: HTMLButtonElement) => {\n  const isElement = el && el.nodeType === Node.ELEMENT_NODE\n  const hasAttr = isElement ? el.hasAttribute('disabled') : null\n  const hasClass = isElement && el.classList ? el.classList.contains('disabled') : false\n\n  return !isElement || el.disabled || hasAttr || hasClass\n}\n\nconst getButtons = (): HTMLButtonElement[] =>\n  [...(pageElements.value ?? [])]\n    .sort(\n      (a, b) =>\n        Number.parseInt(a.getAttribute(dataDisplayNameCustomAttribute) || '0') -\n        Number.parseInt(b.getAttribute(dataDisplayNameCustomAttribute) || '0')\n    )\n    .map((page) => page.children[0])\n    .filter((el) => {\n      if (el?.getAttribute('display') === 'none' || el?.tagName.toUpperCase() !== 'BUTTON') {\n        return false\n      }\n\n      const bcr = el?.getBoundingClientRect()\n\n      return !!(bcr && bcr.height > 0 && bcr.width > 0)\n    })\n    .map((el) => el as HTMLButtonElement)\n\nconst focusFirst = () => {\n  nextTick(() => {\n    const btn = getButtons().find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusPrev = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n\n    const button = buttons[index - 1]\n    if (index > 0 && button !== undefined && !isDisabled(button)) {\n      buttons[index - 1]?.focus()\n    }\n  })\n}\n\nconst focusLast = () => {\n  nextTick(() => {\n    const btn = getButtons()\n      .reverse()\n      .find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusNext = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n    const button = buttons[index + 1]\n    if (index < buttons.length - 1 && button !== undefined && !isDisabled(button)) {\n      buttons[index + 1]?.focus()\n    }\n  })\n}\n\nconst handleKeyNav = (event: KeyboardEvent) => {\n  const {code, shiftKey} = event\n  if (code === CODE_LEFT || code === CODE_UP) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusFirst()\n    } else {\n      focusPrev()\n    }\n  } else if (code === CODE_RIGHT || code === CODE_DOWN) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusLast()\n    } else {\n      focusNext()\n    }\n  }\n}\n\nconst computedModelValue = computed(() => {\n  const page = modelValueNumber.value || 1\n  return page > numberOfPages.value ? numberOfPages.value : page < 1 ? 1 : page\n})\n\nwatch(pagination, (oldValue, newValue) => {\n  if (newValue.pageSize !== oldValue.pageSize && newValue.totalRows === oldValue.totalRows) {\n    // If the page size changes, reset to page 1\n    modelValue.value = 1\n  }\n})\n\nconst noFirstButton = computed(() => (props.noGotoEndButtons && !props.firstNumber ? 1 : 0))\nconst noLastButton = computed(() => (props.noGotoEndButtons && !props.lastNumber ? 1 : 0))\nconst showFirstButton = computed(() => (noFirstButton.value ? 0 : 1))\nconst showLastButton = computed(() => (noLastButton.value ? 0 : 1))\nconst firstPage = computed(() => (props.firstNumber ? 1 : 0))\nconst lastPage = computed(() => (props.lastNumber ? 1 : 0))\nconst halfLimit = computed(() => Math.floor(limitNumber.value / 2))\n\nconst pages = computed(() => {\n  const {value} = computedModelValue\n\n  const els = elements.value.map((p) => {\n    switch (p) {\n      case FIRST_BUTTON:\n        return {id: p, ...firstButtonProps.value}\n      case PREV_BUTTON:\n        return {id: p, ...prevButtonProps.value}\n      case NEXT_BUTTON:\n        return {id: p, ...nextButtonProps.value}\n      case LAST_BUTTON:\n        return {id: p, ...lastButtonProps.value}\n      case FIRST_ELLIPSIS:\n      case LAST_ELLIPSIS:\n        return {id: p, ...ellipsisProps.value}\n      default:\n        return {id: p, ...getPageButtonProps(p)}\n    }\n  })\n\n  if (numberOfPages.value > 3) {\n    if (value > numberOfPages.value - halfLimit.value - lastPage.value) {\n      const idx = 2 + showFirstButton.value\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n\n    if (value <= halfLimit.value + firstPage.value) {\n      const idx = els.length - (3 + showLastButton.value)\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n  }\n\n  return els\n})\n\nconst elements = computed(() => {\n  // The idea here is to create an array of all the buttons on the page control.\n  // This way we can keep the invariants in one place and the template code just\n  // iterates over the array.\n\n  const pages = numberOfPages.value\n  const {value} = computedModelValue\n  const limit = limitNumber.value\n  const noEllipsis = props.noEllipsis || limit <= ELLIPSIS_THRESHOLD\n\n  // The first case is when all the page buttons fit on the control, this is\n  //  the simplest case and the only one that will create an array smaller than\n  //  Limit + 4 - noEndButtons * 2 (the [first, last,] prev, next buttons)\n\n  if (pages < limit + firstPage.value + lastPage.value) {\n    return [\n      !firstPage.value && !noFirstButton.value ? FIRST_BUTTON : null,\n      PREV_BUTTON,\n      ...Array.from({length: pages}, (_, index) => index + 1),\n      NEXT_BUTTON,\n      !lastPage.value && !noLastButton.value ? LAST_BUTTON : null,\n    ].filter((x) => x !== null) as number[]\n  }\n\n  // All the remaining cases result in an array that is exactly limit + 4 - noEndButtons * 2 in length, so create\n  //  the array upfront and set up the beginning and end buttons, then fill the rest for each case\n\n  const buttons = Array.from({length: limit + 4 - (noFirstButton.value + noLastButton.value)})\n  if (!noFirstButton.value) {\n    if (!firstPage.value) {\n      buttons[0] = FIRST_BUTTON\n      buttons[1] = PREV_BUTTON\n    } else {\n      buttons[0] = PREV_BUTTON\n      buttons[1] = 1\n    }\n  } else {\n    buttons[0] = PREV_BUTTON\n  }\n\n  if (!noLastButton.value) {\n    if (!lastPage.value) {\n      buttons[buttons.length - 1] = LAST_BUTTON\n      buttons[buttons.length - 2] = NEXT_BUTTON\n    } else {\n      buttons[buttons.length - 1] = NEXT_BUTTON\n      buttons[buttons.length - 2] = pages\n    }\n  } else {\n    buttons[buttons.length - 1] = NEXT_BUTTON\n  }\n\n  // The next case is where the page buttons start at the beginning, with\n  //  no ellipsis at the beginning, but one at the end\n\n  if (value <= halfLimit.value + firstPage.value) {\n    for (let index = 1; index <= limit; index++) {\n      buttons[index + 1 - noFirstButton.value] = index + firstPage.value\n    }\n\n    if (!noEllipsis) {\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  // And then we have the case where the page buttons go up to the end, with no\n  //  ellipsis at the end, but one at the beginning\n\n  if (value > pages - halfLimit.value - lastPage.value) {\n    const start = pages - (limit - 1) - lastPage.value\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n    }\n  }\n\n  // Finally we have the case where we have ellipsis at both ends\n  if (!buttons[2]) {\n    // Is there a more elegant way to check that we're in the final case?\n    const start = value - Math.floor(limit / 2)\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  //Enable sanity check for debugging purposes\n  // for (let i = 0; i < buttons.length; i++) {\n  //   if (!buttons[i]) {\n  //     // eslint-disable-next-line no-console\n  //     console.log(\n  //       `Failed: button == ${i}, limit=${limit}, pages=${pages}, firstPage=${firstPage}, lastPage=${lastPage}, value=${value}`\n  //     )\n  //   }\n  // }\n\n  return buttons.filter((x) => x !== null) as number[]\n})\n</script>\n\n<script lang=\"ts\">\nconst DEFAULT_PER_PAGE = 20\nconst DEFAULT_TOTAL_ROWS = 0\n</script>\n","<template>\n  <ul\n    class=\"pagination\"\n    :class=\"computedWrapperClasses\"\n    role=\"menubar\"\n    :aria-disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel || undefined\"\n    @keydown=\"handleKeyNav\"\n  >\n    <li\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page.id}`\"\n      v-bind=\"page.li\"\n      ref=\"_pageElements\"\n      :[dataDisplayNameCustomAttribute]=\"index\"\n    >\n      <span\n        v-if=\"page.id === FIRST_ELLIPSIS || page.id === LAST_ELLIPSIS\"\n        v-bind=\"ellipsisProps.span\"\n      >\n        <slot name=\"ellipsis-text\">\n          {{ props.ellipsisText || '...' }}\n        </slot>\n      </span>\n      <component\n        v-bind=\"page.button\"\n        :is=\"page.button.is\"\n        v-else-if=\"'button' in page\"\n        @click=\"page.clickHandler\"\n      >\n        <slot\n          :name=\"page.text.name\"\n          :disabled=\"page.text.disabled\"\n          :page=\"page.text.page\"\n          :index=\"page.text.index\"\n          :active=\"page.text.active ?? false\"\n          :content=\"page.text.value\"\n        >\n          {{ page.text.value }}\n        </slot>\n      </component>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvEvent} from '../../utils'\nimport {computed, nextTick, useTemplateRef, watch} from 'vue'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\nimport {CODE_DOWN, CODE_LEFT, CODE_RIGHT, CODE_UP} from '../../utils/constants'\nimport {getActiveElement} from '../../utils/dom'\nimport {type BPaginationEmits, type BPaginationProps, type BPaginationSlots} from '../../types'\n\n// Threshold of limit size when we start/stop showing ellipsis\nconst ELLIPSIS_THRESHOLD = 3\n\nconst FIRST_BUTTON = -1\nconst PREV_BUTTON = -2\nconst NEXT_BUTTON = -3\nconst LAST_BUTTON = -4\nconst FIRST_ELLIPSIS = -5\nconst LAST_ELLIPSIS = -6\n\nconst dataDisplayNameCustomAttribute = 'data-display-name'\n\nconst _props = withDefaults(defineProps<Omit<BPaginationProps, 'modelValue'>>(), {\n  align: 'start',\n  ariaControls: undefined,\n  ariaLabel: 'Pagination',\n  disabled: false,\n  ellipsisClass: undefined,\n  ellipsisText: '\\u2026',\n  firstClass: undefined,\n  firstNumber: false,\n  firstText: '\\u00AB',\n  noEllipsis: false,\n  noGotoEndButtons: false,\n  labelFirstPage: 'Go to first page',\n  labelLastPage: 'Go to last page',\n  labelNextPage: 'Go to next page',\n  labelPage: 'Go to page',\n  labelPrevPage: 'Go to previous page',\n  lastClass: undefined,\n  lastNumber: false,\n  lastText: '\\u00BB',\n  limit: 5,\n  nextClass: undefined,\n  nextText: '\\u203A',\n  pageClass: undefined,\n  perPage: DEFAULT_PER_PAGE,\n  pills: false,\n  prevClass: undefined,\n  prevText: '\\u2039',\n  size: undefined,\n  totalRows: DEFAULT_TOTAL_ROWS,\n})\nconst props = useDefaults(_props, 'BPagination')\nconst emit = defineEmits<BPaginationEmits>()\ndefineSlots<BPaginationSlots>()\n\nconst modelValue = defineModel<Exclude<BPaginationProps['modelValue'], undefined>>({\n  default: 1,\n})\n\nconst pageElements = useTemplateRef('_pageElements')\n\nconst limitNumber = useToNumber(() => props.limit, {nanToZero: true, method: 'parseInt'})\nconst perPageNumber = useToNumber(() => props.perPage, {nanToZero: true, method: 'parseInt'})\nconst totalRowsNumber = useToNumber(() => props.totalRows, {nanToZero: true, method: 'parseInt'})\nconst modelValueNumber = useToNumber(modelValue, {nanToZero: true, method: 'parseInt'})\n\nconst perPageSanitized = computed(() => Math.max(perPageNumber.value || DEFAULT_PER_PAGE, 1))\nconst totalRowsSanitized = computed(() => Math.max(totalRowsNumber.value || DEFAULT_TOTAL_ROWS, 0))\n// Use Active to on page-item to denote active tab\nconst numberOfPages = computed(() => Math.ceil(totalRowsSanitized.value / perPageSanitized.value))\nconst computedFill = computed(() => props.align === 'fill')\n// This doesn't use the computedFill util because TS cannot infer that it would never be 'fill'\nconst justifyAlign = computed(() => (props.align === 'fill' ? 'start' : props.align))\n\nconst alignment = useAlignment(justifyAlign)\n\nconst isActivePage = (pageNumber: number) => pageNumber === computedModelValue.value\nconst getTabIndex = (num: number) => (props.disabled ? null : isActivePage(num) ? '0' : '-1')\n\nconst checkDisabled = (num: number) =>\n  props.disabled ||\n  isActivePage(num) ||\n  computedModelValue.value < 1 ||\n  // Check if the number is out of bounds\n  num < 1 ||\n  num > numberOfPages.value\n\nconst firstDisabled = computed(() => checkDisabled(1))\nconst prevDisabled = computed(() => checkDisabled(computedModelValue.value - 1))\nconst lastDisabled = computed(() => checkDisabled(numberOfPages.value))\nconst nextDisabled = computed(() => checkDisabled(computedModelValue.value + 1))\n\nconst getBaseButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  tabIndex,\n  label,\n  position,\n  isActive,\n  hidden,\n  isSmHidden,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  tabIndex?: string\n  label?: string\n  position?: number\n  isActive?: boolean\n  hidden?: boolean\n  isSmHidden?: boolean\n}) => ({\n  li: {\n    'class': [\n      'page-item',\n      {\n        'active': isActive,\n        disabled,\n        'bv-d-sm-down-none': isSmHidden,\n        'flex-fill': computedFill.value,\n        'd-flex': computedFill.value && !disabled,\n      },\n      classVal,\n    ],\n    'role': 'presentation',\n    'aria-hidden': hidden,\n  },\n  button: {\n    'is': disabled ? 'span' : 'button',\n    'class': ['page-link', 'text-center', {'flex-grow-1': !disabled && computedFill.value}],\n    'aria-label': label,\n    'aria-controls': props.ariaControls || undefined,\n    'aria-disabled': disabled ? true : undefined,\n    'aria-posinset': position,\n    'aria-setsize': position ? numberOfPages.value : undefined,\n    'role': 'menuitem',\n    'type': disabled ? undefined : 'button',\n    'tabindex': disabled ? undefined : tabIndex,\n  },\n  text: {\n    name: slotName,\n    active: isActive,\n    value: textValue ?? page,\n    page,\n    disabled,\n    index: page - 1,\n    content: textValue ? undefined : String(page),\n  },\n  clickHandler: (e: Readonly<MouseEvent>) => pageClick(e, page),\n})\n\nconst getButtonProps = ({\n  page,\n  classVal,\n  disabled,\n  slotName,\n  textValue,\n  label,\n}: {\n  page: number\n  disabled: boolean\n  classVal: ClassValue\n  slotName: 'first-text' | 'prev-text' | 'next-text' | 'last-text' | 'page'\n  textValue?: string\n  label: string\n}) => getBaseButtonProps({page, classVal, disabled, slotName, textValue, label, tabIndex: '-1'})\n\nconst getPageButtonProps = (page: number, isSmHidden?: boolean) =>\n  getBaseButtonProps({\n    page,\n    disabled: props.disabled,\n    classVal: props.pageClass,\n    slotName: 'page',\n    label: props.labelPage ? `${props.labelPage} ${page}` : undefined,\n    tabIndex: getTabIndex(page) ?? undefined,\n    position: page,\n    isActive: isActivePage(page),\n    isSmHidden,\n  })\n\nconst firstButtonProps = computed(() =>\n  getButtonProps({\n    page: 1,\n    disabled: firstDisabled.value,\n    classVal: props.firstClass,\n    slotName: 'first-text',\n    textValue: props.firstText,\n    label: props.labelFirstPage,\n  })\n)\nconst prevButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.max(computedModelValue.value - 1, 1),\n    disabled: prevDisabled.value,\n    classVal: props.prevClass,\n    slotName: 'prev-text',\n    textValue: props.prevText,\n    label: props.labelPrevPage,\n  })\n)\nconst nextButtonProps = computed(() =>\n  getButtonProps({\n    page: Math.min(computedModelValue.value + 1, numberOfPages.value),\n    disabled: nextDisabled.value,\n    classVal: props.nextClass,\n    slotName: 'next-text',\n    textValue: props.nextText,\n    label: props.labelNextPage,\n  })\n)\nconst lastButtonProps = computed(() =>\n  getButtonProps({\n    page: numberOfPages.value,\n    disabled: lastDisabled.value,\n    classVal: props.lastClass,\n    slotName: 'last-text',\n    textValue: props.lastText,\n    label: props.labelLastPage,\n  })\n)\n\nconst ellipsisProps = computed(() => ({\n  li: {\n    class: [\n      'page-item',\n      'disabled',\n      'text-center',\n      'bv-d-sm-down-none',\n      computedFill.value ? 'flex-fill' : '',\n      props.ellipsisClass,\n    ],\n    role: 'separator',\n  },\n  span: {\n    class: ['page-link'],\n  },\n}))\n\nconst computedWrapperClasses = computed(() => [\n  alignment.value,\n  {\n    [`pagination-${props.size}`]: props.size !== undefined,\n    'b-pagination-pills': props.pills,\n  },\n])\n\nconst pagination = computed(() => ({\n  pageSize: perPageSanitized.value,\n  totalRows: totalRowsNumber.value,\n  numberOfPages: numberOfPages.value,\n}))\n\nconst pageClick = (event: Readonly<MouseEvent>, pageNumber: number) => {\n  if (pageNumber === computedModelValue.value) return\n  const clickEvent = new BvEvent('page-click', {\n    cancelable: true,\n    target: event.target,\n  })\n  emit('page-click', clickEvent, pageNumber)\n\n  if (clickEvent.defaultPrevented) return\n\n  modelValue.value = pageNumber\n\n  nextTick(() => {\n    if (pageNumber === 1) {\n      focusFirst()\n    } else if (pageNumber === pagination.value.numberOfPages) {\n      focusLast()\n    }\n  })\n  //    nextTick(() => {\n  //  if (isVisible(target) && un_element.contains(target)) {\n  //  attemptFocus(target)\n  //} else {\n  //this.focusCurrent()\n  //}\n  // })\n}\n\nconst isDisabled = (el: HTMLButtonElement) => {\n  const isElement = el && el.nodeType === Node.ELEMENT_NODE\n  const hasAttr = isElement ? el.hasAttribute('disabled') : null\n  const hasClass = isElement && el.classList ? el.classList.contains('disabled') : false\n\n  return !isElement || el.disabled || hasAttr || hasClass\n}\n\nconst getButtons = (): HTMLButtonElement[] =>\n  [...(pageElements.value ?? [])]\n    .sort(\n      (a, b) =>\n        Number.parseInt(a.getAttribute(dataDisplayNameCustomAttribute) || '0') -\n        Number.parseInt(b.getAttribute(dataDisplayNameCustomAttribute) || '0')\n    )\n    .map((page) => page.children[0])\n    .filter((el) => {\n      if (el?.getAttribute('display') === 'none' || el?.tagName.toUpperCase() !== 'BUTTON') {\n        return false\n      }\n\n      const bcr = el?.getBoundingClientRect()\n\n      return !!(bcr && bcr.height > 0 && bcr.width > 0)\n    })\n    .map((el) => el as HTMLButtonElement)\n\nconst focusFirst = () => {\n  nextTick(() => {\n    const btn = getButtons().find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusPrev = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n\n    const button = buttons[index - 1]\n    if (index > 0 && button !== undefined && !isDisabled(button)) {\n      buttons[index - 1]?.focus()\n    }\n  })\n}\n\nconst focusLast = () => {\n  nextTick(() => {\n    const btn = getButtons()\n      .reverse()\n      .find((el) => !isDisabled(el))\n    btn?.focus()\n  })\n}\n\nconst focusNext = () => {\n  nextTick(() => {\n    const buttons = getButtons()\n    const index = buttons.indexOf(getActiveElement() as HTMLButtonElement)\n    const button = buttons[index + 1]\n    if (index < buttons.length - 1 && button !== undefined && !isDisabled(button)) {\n      buttons[index + 1]?.focus()\n    }\n  })\n}\n\nconst handleKeyNav = (event: KeyboardEvent) => {\n  const {code, shiftKey} = event\n  if (code === CODE_LEFT || code === CODE_UP) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusFirst()\n    } else {\n      focusPrev()\n    }\n  } else if (code === CODE_RIGHT || code === CODE_DOWN) {\n    event.preventDefault()\n    if (shiftKey) {\n      focusLast()\n    } else {\n      focusNext()\n    }\n  }\n}\n\nconst computedModelValue = computed(() => {\n  const page = modelValueNumber.value || 1\n  return page > numberOfPages.value ? numberOfPages.value : page < 1 ? 1 : page\n})\n\nwatch(pagination, (oldValue, newValue) => {\n  if (newValue.pageSize !== oldValue.pageSize && newValue.totalRows === oldValue.totalRows) {\n    // If the page size changes, reset to page 1\n    modelValue.value = 1\n  }\n})\n\nconst noFirstButton = computed(() => (props.noGotoEndButtons && !props.firstNumber ? 1 : 0))\nconst noLastButton = computed(() => (props.noGotoEndButtons && !props.lastNumber ? 1 : 0))\nconst showFirstButton = computed(() => (noFirstButton.value ? 0 : 1))\nconst showLastButton = computed(() => (noLastButton.value ? 0 : 1))\nconst firstPage = computed(() => (props.firstNumber ? 1 : 0))\nconst lastPage = computed(() => (props.lastNumber ? 1 : 0))\nconst halfLimit = computed(() => Math.floor(limitNumber.value / 2))\n\nconst pages = computed(() => {\n  const {value} = computedModelValue\n\n  const els = elements.value.map((p) => {\n    switch (p) {\n      case FIRST_BUTTON:\n        return {id: p, ...firstButtonProps.value}\n      case PREV_BUTTON:\n        return {id: p, ...prevButtonProps.value}\n      case NEXT_BUTTON:\n        return {id: p, ...nextButtonProps.value}\n      case LAST_BUTTON:\n        return {id: p, ...lastButtonProps.value}\n      case FIRST_ELLIPSIS:\n      case LAST_ELLIPSIS:\n        return {id: p, ...ellipsisProps.value}\n      default:\n        return {id: p, ...getPageButtonProps(p)}\n    }\n  })\n\n  if (numberOfPages.value > 3) {\n    if (value > numberOfPages.value - halfLimit.value - lastPage.value) {\n      const idx = 2 + showFirstButton.value\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n\n    if (value <= halfLimit.value + firstPage.value) {\n      const idx = els.length - (3 + showLastButton.value)\n      const el = els[idx]\n      if (el !== undefined) {\n        els[idx] = {id: el.id, ...getPageButtonProps(el.id, true)}\n      }\n    }\n  }\n\n  return els\n})\n\nconst elements = computed(() => {\n  // The idea here is to create an array of all the buttons on the page control.\n  // This way we can keep the invariants in one place and the template code just\n  // iterates over the array.\n\n  const pages = numberOfPages.value\n  const {value} = computedModelValue\n  const limit = limitNumber.value\n  const noEllipsis = props.noEllipsis || limit <= ELLIPSIS_THRESHOLD\n\n  // The first case is when all the page buttons fit on the control, this is\n  //  the simplest case and the only one that will create an array smaller than\n  //  Limit + 4 - noEndButtons * 2 (the [first, last,] prev, next buttons)\n\n  if (pages < limit + firstPage.value + lastPage.value) {\n    return [\n      !firstPage.value && !noFirstButton.value ? FIRST_BUTTON : null,\n      PREV_BUTTON,\n      ...Array.from({length: pages}, (_, index) => index + 1),\n      NEXT_BUTTON,\n      !lastPage.value && !noLastButton.value ? LAST_BUTTON : null,\n    ].filter((x) => x !== null) as number[]\n  }\n\n  // All the remaining cases result in an array that is exactly limit + 4 - noEndButtons * 2 in length, so create\n  //  the array upfront and set up the beginning and end buttons, then fill the rest for each case\n\n  const buttons = Array.from({length: limit + 4 - (noFirstButton.value + noLastButton.value)})\n  if (!noFirstButton.value) {\n    if (!firstPage.value) {\n      buttons[0] = FIRST_BUTTON\n      buttons[1] = PREV_BUTTON\n    } else {\n      buttons[0] = PREV_BUTTON\n      buttons[1] = 1\n    }\n  } else {\n    buttons[0] = PREV_BUTTON\n  }\n\n  if (!noLastButton.value) {\n    if (!lastPage.value) {\n      buttons[buttons.length - 1] = LAST_BUTTON\n      buttons[buttons.length - 2] = NEXT_BUTTON\n    } else {\n      buttons[buttons.length - 1] = NEXT_BUTTON\n      buttons[buttons.length - 2] = pages\n    }\n  } else {\n    buttons[buttons.length - 1] = NEXT_BUTTON\n  }\n\n  // The next case is where the page buttons start at the beginning, with\n  //  no ellipsis at the beginning, but one at the end\n\n  if (value <= halfLimit.value + firstPage.value) {\n    for (let index = 1; index <= limit; index++) {\n      buttons[index + 1 - noFirstButton.value] = index + firstPage.value\n    }\n\n    if (!noEllipsis) {\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  // And then we have the case where the page buttons go up to the end, with no\n  //  ellipsis at the end, but one at the beginning\n\n  if (value > pages - halfLimit.value - lastPage.value) {\n    const start = pages - (limit - 1) - lastPage.value\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n    }\n  }\n\n  // Finally we have the case where we have ellipsis at both ends\n  if (!buttons[2]) {\n    // Is there a more elegant way to check that we're in the final case?\n    const start = value - Math.floor(limit / 2)\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - noFirstButton.value] = start + index\n    }\n\n    if (!noEllipsis) {\n      buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS\n      buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS\n    }\n  }\n\n  //Enable sanity check for debugging purposes\n  // for (let i = 0; i < buttons.length; i++) {\n  //   if (!buttons[i]) {\n  //     // eslint-disable-next-line no-console\n  //     console.log(\n  //       `Failed: button == ${i}, limit=${limit}, pages=${pages}, firstPage=${firstPage}, lastPage=${lastPage}, value=${value}`\n  //     )\n  //   }\n  // }\n\n  return buttons.filter((x) => x !== null) as number[]\n})\n</script>\n\n<script lang=\"ts\">\nconst DEFAULT_PER_PAGE = 20\nconst DEFAULT_TOTAL_ROWS = 0\n</script>\n"],"mappings":";;;;;;;;;AA4kBA,IAAM,mBAAmB;AACzB,IAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAphB3B,MAAM,qBAAqB;EAE3B,MAAM,eAAe;EACrB,MAAM,cAAc;EACpB,MAAM,cAAc;EACpB,MAAM,cAAc;EACpB,MAAM,iBAAiB;EACvB,MAAM,gBAAgB;EAEtB,MAAM,iCAAiC;EAiCvC,MAAM,QAAQ,YAAY,SAAQ,aAAa;EAC/C,MAAM,OAAO;EAGb,MAAM,aAAa,SAA+D,SAAA,YAEjF;EAED,MAAM,eAAe,eAAe,eAAe;EAEnD,MAAM,cAAc,kBAAkB,MAAM,OAAO;GAAC,WAAW;GAAM,QAAQ;EAAU,CAAC;EACxF,MAAM,gBAAgB,kBAAkB,MAAM,SAAS;GAAC,WAAW;GAAM,QAAQ;EAAU,CAAC;EAC5F,MAAM,kBAAkB,kBAAkB,MAAM,WAAW;GAAC,WAAW;GAAM,QAAQ;EAAU,CAAC;EAChG,MAAM,mBAAmB,YAAY,YAAY;GAAC,WAAW;GAAM,QAAQ;EAAU,CAAC;EAEtF,MAAM,mBAAmB,eAAe,KAAK,IAAI,cAAc,SAAS,kBAAkB,CAAC,CAAC;EAC5F,MAAM,qBAAqB,eAAe,KAAK,IAAI,gBAAgB,SAAS,oBAAoB,CAAC,CAAC;EAElG,MAAM,gBAAgB,eAAe,KAAK,KAAK,mBAAmB,QAAQ,iBAAiB,KAAK,CAAC;EACjG,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM;EAE1D,MAAM,eAAe,eAAgB,MAAM,UAAU,SAAS,UAAU,MAAM,KAAM;EAEpF,MAAM,YAAY,aAAa,YAAY;EAE3C,MAAM,gBAAgB,eAAuB,eAAe,mBAAmB;EAC/E,MAAM,eAAe,QAAiB,MAAM,WAAW,OAAO,aAAa,GAAG,IAAI,MAAM;EAExF,MAAM,iBAAiB,QACrB,MAAM,YACN,aAAa,GAAG,KAChB,mBAAmB,QAAQ,KAE3B,MAAM,KACN,MAAM,cAAc;EAEtB,MAAM,gBAAgB,eAAe,cAAc,CAAC,CAAC;EACrD,MAAM,eAAe,eAAe,cAAc,mBAAmB,QAAQ,CAAC,CAAC;EAC/E,MAAM,eAAe,eAAe,cAAc,cAAc,KAAK,CAAC;EACtE,MAAM,eAAe,eAAe,cAAc,mBAAmB,QAAQ,CAAC,CAAC;EAE/E,MAAM,sBAAsB,EAC1B,MACA,UACA,UACA,UACA,WACA,UACA,OACA,UACA,UACA,QACA,kBAaK;GACL,IAAI;IACF,SAAS;KACP;KACA;MACE,UAAU;MACV;MACA,qBAAqB;MACrB,aAAa,aAAa;MAC1B,UAAU,aAAa,SAAS,CAAC;KACnC;KACA;IACF;IACA,QAAQ;IACR,eAAe;GACjB;GACA,QAAQ;IACN,MAAM,WAAW,SAAS;IAC1B,SAAS;KAAC;KAAa;KAAe,EAAC,eAAe,CAAC,YAAY,aAAa,MAAK;IAAC;IACtF,cAAc;IACd,iBAAiB,MAAM,gBAAgB,KAAA;IACvC,iBAAiB,WAAW,OAAO,KAAA;IACnC,iBAAiB;IACjB,gBAAgB,WAAW,cAAc,QAAQ,KAAA;IACjD,QAAQ;IACR,QAAQ,WAAW,KAAA,IAAY;IAC/B,YAAY,WAAW,KAAA,IAAY;GACrC;GACA,MAAM;IACJ,MAAM;IACN,QAAQ;IACR,OAAO,aAAa;IACpB;IACA;IACA,OAAO,OAAO;IACd,SAAS,YAAY,KAAA,IAAY,OAAO,IAAI;GAC9C;GACA,eAAe,MAA4B,UAAU,GAAG,IAAI;EAC9D;EAEA,MAAM,kBAAkB,EACtB,MACA,UACA,UACA,UACA,WACA,YAQI,mBAAmB;GAAC;GAAM;GAAU;GAAU;GAAU;GAAW;GAAO,UAAU;EAAI,CAAC;EAE/F,MAAM,sBAAsB,MAAc,eACxC,mBAAmB;GACjB;GACA,UAAU,MAAM;GAChB,UAAU,MAAM;GAChB,UAAU;GACV,OAAO,MAAM,YAAY,GAAG,MAAM,UAAU,GAAG,SAAS,KAAA;GACxD,UAAU,YAAY,IAAI,KAAK,KAAA;GAC/B,UAAU;GACV,UAAU,aAAa,IAAI;GAC3B;EACF,CAAC;EAEH,MAAM,mBAAmB,eACvB,eAAe;GACb,MAAM;GACN,UAAU,cAAc;GACxB,UAAU,MAAM;GAChB,UAAU;GACV,WAAW,MAAM;GACjB,OAAO,MAAM;EACf,CAAC,CACH;EACA,MAAM,kBAAkB,eACtB,eAAe;GACb,MAAM,KAAK,IAAI,mBAAmB,QAAQ,GAAG,CAAC;GAC9C,UAAU,aAAa;GACvB,UAAU,MAAM;GAChB,UAAU;GACV,WAAW,MAAM;GACjB,OAAO,MAAM;EACf,CAAC,CACH;EACA,MAAM,kBAAkB,eACtB,eAAe;GACb,MAAM,KAAK,IAAI,mBAAmB,QAAQ,GAAG,cAAc,KAAK;GAChE,UAAU,aAAa;GACvB,UAAU,MAAM;GAChB,UAAU;GACV,WAAW,MAAM;GACjB,OAAO,MAAM;EACf,CAAC,CACH;EACA,MAAM,kBAAkB,eACtB,eAAe;GACb,MAAM,cAAc;GACpB,UAAU,aAAa;GACvB,UAAU,MAAM;GAChB,UAAU;GACV,WAAW,MAAM;GACjB,OAAO,MAAM;EACf,CAAC,CACH;EAEA,MAAM,gBAAgB,gBAAgB;GACpC,IAAI;IACF,OAAO;KACL;KACA;KACA;KACA;KACA,aAAa,QAAQ,cAAc;KACnC,MAAM;IACR;IACA,MAAM;GACR;GACA,MAAM,EACJ,OAAO,CAAC,WAAW,EACrB;EACF,EAAE;EAEF,MAAM,yBAAyB,eAAe,CAC5C,UAAU,OACV;IACG,cAAc,MAAM,SAAS,MAAM,SAAS,KAAA;GAC7C,sBAAsB,MAAM;EAC9B,CACF,CAAC;EAED,MAAM,aAAa,gBAAgB;GACjC,UAAU,iBAAiB;GAC3B,WAAW,gBAAgB;GAC3B,eAAe,cAAc;EAC/B,EAAE;EAEF,MAAM,aAAa,OAA6B,eAAuB;GACrE,IAAI,eAAe,mBAAmB,OAAO;GAC7C,MAAM,aAAa,IAAI,QAAQ,cAAc;IAC3C,YAAY;IACZ,QAAQ,MAAM;GAChB,CAAC;GACD,KAAK,cAAc,YAAY,UAAU;GAEzC,IAAI,WAAW,kBAAkB;GAEjC,WAAW,QAAQ;GAEnB,eAAe;IACb,IAAI,eAAe,GACjB,WAAW;SACN,IAAI,eAAe,WAAW,MAAM,eACzC,UAAU;GAEd,CAAC;EAQH;EAEA,MAAM,cAAc,OAA0B;GAC5C,MAAM,YAAY,MAAM,GAAG,aAAa,KAAK;GAC7C,MAAM,UAAU,YAAY,GAAG,aAAa,UAAU,IAAI;GAC1D,MAAM,WAAW,aAAa,GAAG,YAAY,GAAG,UAAU,SAAS,UAAU,IAAI;GAEjF,OAAO,CAAC,aAAa,GAAG,YAAY,WAAW;EACjD;EAEA,MAAM,mBACJ,CAAC,GAAI,aAAa,SAAS,CAAC,CAAE,CAAA,CAC3B,MACE,GAAG,MACF,OAAO,SAAS,EAAE,aAAa,8BAA8B,KAAK,GAAG,IACrE,OAAO,SAAS,EAAE,aAAa,8BAA8B,KAAK,GAAG,CACzE,CAAA,CACC,KAAK,SAAS,KAAK,SAAS,EAAE,CAAA,CAC9B,QAAQ,OAAO;GACd,IAAI,IAAI,aAAa,SAAS,MAAM,UAAU,IAAI,QAAQ,YAAY,MAAM,UAC1E,OAAO;GAGT,MAAM,MAAM,IAAI,sBAAsB;GAEtC,OAAO,CAAC,EAAE,OAAO,IAAI,SAAS,KAAK,IAAI,QAAQ;EACjD,CAAC,CAAA,CACA,KAAK,OAAO,EAAuB;EAExC,MAAM,mBAAmB;GACvB,eAAe;IAEb,WADuB,CAAC,CAAC,MAAM,OAAO,CAAC,WAAW,EAAE,CACpD,CAAA,EAAK,MAAM;GACb,CAAC;EACH;EAEA,MAAM,kBAAkB;GACtB,eAAe;IACb,MAAM,UAAU,WAAW;IAC3B,MAAM,QAAQ,QAAQ,QAAQ,iBAAiB,CAAsB;IAErE,MAAM,SAAS,QAAQ,QAAQ;IAC/B,IAAI,QAAQ,KAAK,WAAW,KAAA,KAAa,CAAC,WAAW,MAAM,GACzD,QAAQ,QAAQ,EAAE,EAAE,MAAM;GAE9B,CAAC;EACH;EAEA,MAAM,kBAAkB;GACtB,eAAe;IAIb,WAHuB,CAAA,CACpB,QAAQ,CAAA,CACR,MAAM,OAAO,CAAC,WAAW,EAAE,CAC9B,CAAA,EAAK,MAAM;GACb,CAAC;EACH;EAEA,MAAM,kBAAkB;GACtB,eAAe;IACb,MAAM,UAAU,WAAW;IAC3B,MAAM,QAAQ,QAAQ,QAAQ,iBAAiB,CAAsB;IACrE,MAAM,SAAS,QAAQ,QAAQ;IAC/B,IAAI,QAAQ,QAAQ,SAAS,KAAK,WAAW,KAAA,KAAa,CAAC,WAAW,MAAM,GAC1E,QAAQ,QAAQ,EAAE,EAAE,MAAM;GAE9B,CAAC;EACH;EAEA,MAAM,gBAAgB,UAAyB;GAC7C,MAAM,EAAC,MAAM,aAAY;GACzB,IAAI,SAAA,eAAsB,SAAA,WAAkB;IAC1C,MAAM,eAAe;IACrB,IAAI,UACF,WAAW;SAEX,UAAU;GAEd,OAAO,IAAI,SAAA,gBAAuB,SAAA,aAAoB;IACpD,MAAM,eAAe;IACrB,IAAI,UACF,UAAU;SAEV,UAAU;GAEd;EACF;EAEA,MAAM,qBAAqB,eAAe;GACxC,MAAM,OAAO,iBAAiB,SAAS;GACvC,OAAO,OAAO,cAAc,QAAQ,cAAc,QAAQ,OAAO,IAAI,IAAI;EAC3E,CAAC;EAED,MAAM,aAAa,UAAU,aAAa;GACxC,IAAI,SAAS,aAAa,SAAS,YAAY,SAAS,cAAc,SAAS,WAE7E,WAAW,QAAQ;EAEvB,CAAC;EAED,MAAM,gBAAgB,eAAgB,MAAM,oBAAoB,CAAC,MAAM,cAAc,IAAI,CAAE;EAC3F,MAAM,eAAe,eAAgB,MAAM,oBAAoB,CAAC,MAAM,aAAa,IAAI,CAAE;EACzF,MAAM,kBAAkB,eAAgB,cAAc,QAAQ,IAAI,CAAE;EACpE,MAAM,iBAAiB,eAAgB,aAAa,QAAQ,IAAI,CAAE;EAClE,MAAM,YAAY,eAAgB,MAAM,cAAc,IAAI,CAAE;EAC5D,MAAM,WAAW,eAAgB,MAAM,aAAa,IAAI,CAAE;EAC1D,MAAM,YAAY,eAAe,KAAK,MAAM,YAAY,QAAQ,CAAC,CAAC;EAElE,MAAM,QAAQ,eAAe;GAC3B,MAAM,EAAC,UAAS;GAEhB,MAAM,MAAM,SAAS,MAAM,KAAK,MAAM;IACpC,QAAQ,GAAR;KACE,KAAK,cACH,OAAO;MAAC,IAAI;MAAG,GAAG,iBAAiB;KAAK;KAC1C,KAAK,aACH,OAAO;MAAC,IAAI;MAAG,GAAG,gBAAgB;KAAK;KACzC,KAAK,aACH,OAAO;MAAC,IAAI;MAAG,GAAG,gBAAgB;KAAK;KACzC,KAAK,aACH,OAAO;MAAC,IAAI;MAAG,GAAG,gBAAgB;KAAK;KACzC,KAAK;KACL,KAAK,eACH,OAAO;MAAC,IAAI;MAAG,GAAG,cAAc;KAAK;KACvC,SACE,OAAO;MAAC,IAAI;MAAG,GAAG,mBAAmB,CAAC;KAAC;IAC3C;GACF,CAAC;GAED,IAAI,cAAc,QAAQ,GAAG;IAC3B,IAAI,QAAQ,cAAc,QAAQ,UAAU,QAAQ,SAAS,OAAO;KAClE,MAAM,MAAM,IAAI,gBAAgB;KAChC,MAAM,KAAK,IAAI;KACf,IAAI,OAAO,KAAA,GACT,IAAI,OAAO;MAAC,IAAI,GAAG;MAAI,GAAG,mBAAmB,GAAG,IAAI,IAAI;KAAC;IAE7D;IAEA,IAAI,SAAS,UAAU,QAAQ,UAAU,OAAO;KAC9C,MAAM,MAAM,IAAI,UAAU,IAAI,eAAe;KAC7C,MAAM,KAAK,IAAI;KACf,IAAI,OAAO,KAAA,GACT,IAAI,OAAO;MAAC,IAAI,GAAG;MAAI,GAAG,mBAAmB,GAAG,IAAI,IAAI;KAAC;IAE7D;GACF;GAEA,OAAO;EACT,CAAC;EAED,MAAM,WAAW,eAAe;GAK9B,MAAM,QAAQ,cAAc;GAC5B,MAAM,EAAC,UAAS;GAChB,MAAM,QAAQ,YAAY;GAC1B,MAAM,aAAa,MAAM,cAAc,SAAS;GAMhD,IAAI,QAAQ,QAAQ,UAAU,QAAQ,SAAS,OAC7C,OAAO;IACL,CAAC,UAAU,SAAS,CAAC,cAAc,QAAQ,eAAe;IAC1D;IACA,GAAG,MAAM,KAAK,EAAC,QAAQ,MAAK,IAAI,GAAG,UAAU,QAAQ,CAAC;IACtD;IACA,CAAC,SAAS,SAAS,CAAC,aAAa,QAAQ,cAAc;GACzD,CAAC,CAAC,QAAQ,MAAM,MAAM,IAAI;GAM5B,MAAM,UAAU,MAAM,KAAK,EAAC,QAAQ,QAAQ,KAAK,cAAc,QAAQ,aAAa,OAAM,CAAC;GAC3F,IAAI,CAAC,cAAc,OAAO;IACxB,IAAI,CAAC,UAAU,OAAO;KACpB,QAAQ,KAAK;KACb,QAAQ,KAAK;IACf,OAAO;KACL,QAAQ,KAAK;KACb,QAAQ,KAAK;IACf;GACF,OACE,QAAQ,KAAK;GAGf,IAAI,CAAC,aAAa,OAAO;IACvB,IAAI,CAAC,SAAS,OAAO;KACnB,QAAQ,QAAQ,SAAS,KAAK;KAC9B,QAAQ,QAAQ,SAAS,KAAK;IAChC,OAAO;KACL,QAAQ,QAAQ,SAAS,KAAK;KAC9B,QAAQ,QAAQ,SAAS,KAAK;IAChC;GACF,OACE,QAAQ,QAAQ,SAAS,KAAK;GAMhC,IAAI,SAAS,UAAU,QAAQ,UAAU,OAAO;IAC9C,KAAK,IAAI,QAAQ,GAAG,SAAS,OAAO,SAClC,QAAQ,QAAQ,IAAI,cAAc,SAAS,QAAQ,UAAU;IAG/D,IAAI,CAAC,YACH,QAAQ,QAAQ,UAAU,IAAI,eAAe,UAAU;GAE3D;GAKA,IAAI,QAAQ,QAAQ,UAAU,QAAQ,SAAS,OAAO;IACpD,MAAM,QAAQ,SAAS,QAAQ,KAAK,SAAS;IAC7C,KAAK,IAAI,QAAQ,GAAG,QAAQ,OAAO,SACjC,QAAQ,QAAQ,IAAI,cAAc,SAAS,QAAQ;IAGrD,IAAI,CAAC,YACH,QAAQ,IAAI,gBAAgB,SAAS;GAEzC;GAGA,IAAI,CAAC,QAAQ,IAAI;IAEf,MAAM,QAAQ,QAAQ,KAAK,MAAM,QAAQ,CAAC;IAC1C,KAAK,IAAI,QAAQ,GAAG,QAAQ,OAAO,SACjC,QAAQ,QAAQ,IAAI,cAAc,SAAS,QAAQ;IAGrD,IAAI,CAAC,YAAY;KACf,QAAQ,IAAI,gBAAgB,SAAS;KACrC,QAAQ,QAAQ,UAAU,IAAI,eAAe,UAAU;IACzD;GACF;GAYA,OAAO,QAAQ,QAAQ,MAAM,MAAM,IAAI;EACzC,CAAC;;GAvkBC,OAAA,UAAA,GAAA,mBAyCK,MAAA;IAxCH,OAAK,eAAA,CAAC,cACE,uBAAA,KAAsB,CAAA;IAC9B,MAAK;IACJ,iBAAe,MAAA,KAAA,CAAK,CAAC;IACrB,cAAY,MAAA,KAAA,CAAK,CAAC,aAAa,KAAA;IAC/B,WAAS;GAEV,GAAA,EAAA,UAAA,IAAA,GAAA,mBAgCK,UAAA,MAAA,WA/BqB,MAAA,QAAhB,MAAM,UAAK;IADrB,OAAA,UAAA,GAAA,mBAgCK,MAhCL,WAgCK,EA9BF,KAAG,QAAU,KAAK,KACX,GAAA,EAAA,SAAA,KAAA,GAAA,KAAK,IAAE;;KACf,KAAI;MACH,iCAAkC;IAG3B,CAAA,GAAA,CAAA,KAAK,OAAO,kBAAkB,KAAK,OAAO,iBADlD,UAAA,GAAA,mBAOO,QAPP,WAOO;;;IALG,GAAA,cAAA,MAAc,IAAI,GAAA,CAE1B,WAEO,KAAA,QAAA,iBAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,MAAA,KAAA,CAAK,CAAC,gBAAY,KAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,KAMA,YAAA,QAHzB,UAAA,GAAA,YAgBY,wBAdL,KAAK,OAAO,EAAE,GAFrB,WAgBY;;;IAfF,GAAA,KAAK,QAAM,EAGlB,SAAO,KAAK,aAAA,CAAA,GAAA;KAEb,SAAA,cASO,CATP,WASO,KAAA,QARE,KAAK,KAAK,MAAI;MACpB,UAAU,KAAK,KAAK;MACpB,MAAM,KAAK,KAAK;MAChB,OAAO,KAAK,KAAK;MACjB,QAAQ,KAAK,KAAK,UAAM;MACxB,SAAS,KAAK,KAAK;KANtB,SASO,CADF,gBAAA,gBAAA,KAAK,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/{BPlaceholder-DPQ6mCLN.mjs → BPlaceholder-DvOCnqDh.js}

@@ -1,8 +1,8 @@
-import { R as useToNumber } from "./dist-Dk9C_HFS.mjs";
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as useColorVariantClasses } from "./useColorVariantClasses-CqeXHjRh.mjs";
-import { s as BCardImg_default, t as BCard_default } from "./BCard-CHbKv2OR.mjs";
-import { t as BTableSimple_default } from "./BTableSimple-C-jn9Nwh.mjs";
+import { S as useToNumber } from "./dist-DKc2ivHS.js";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as useColorVariantClasses } from "./useColorVariantClasses-DHQvLjek.js";
+import { s as BCardImg_default, t as BCard_default } from "./BCard-nRj1JWtQ.js";
+import { t as BTableSimple_default } from "./BTableSimple-2Z7ssnuG.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/BPlaceholder/BPlaceholder.vue
@@ -228,7 +228,7 @@ var BPlaceholderTable_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(BTableSimple_default, null, {
 				default: withCtx(() => [
-					!unref(props).noHeader ? renderSlot(_ctx.$slots, "thead", { key: 0 }, () => [createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(computedHeaderColumnsLength.value, (_, i) => {
+					!unref(props).noHeader ? renderSlot(_ctx.$slots, "thead", {}, () => [createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(computedHeaderColumnsLength.value, (_, i) => {
 						return openBlock(), createElementBlock("th", { key: i }, [createVNode(BPlaceholder_default, {
 							size: unref(props).headerSize,
 							variant: unref(props).headerVariant,
@@ -240,7 +240,7 @@ var BPlaceholderTable_default = /* @__PURE__ */ defineComponent({
 							"animation",
 							"width"
 						])]);
-					}), 128))])])]) : createCommentVNode("", true),
+					}), 128))])])], void 0, 0) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(rowsNumber.value, (_, j) => {
 						return openBlock(), createElementBlock("tr", { key: j }, [(openBlock(true), createElementBlock(Fragment, null, renderList(columnsNumber.value, (__, k) => {
 							return openBlock(), createElementBlock("td", { key: k }, [createVNode(BPlaceholder_default, {
@@ -256,7 +256,7 @@ var BPlaceholderTable_default = /* @__PURE__ */ defineComponent({
 							])]);
 						}), 128))]);
 					}), 128))])]),
-					unref(props).showFooter ? renderSlot(_ctx.$slots, "tfoot", { key: 1 }, () => [createElementVNode("tfoot", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(computedFooterColumnsLength.value, (_, l) => {
+					unref(props).showFooter ? renderSlot(_ctx.$slots, "tfoot", {}, () => [createElementVNode("tfoot", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(computedFooterColumnsLength.value, (_, l) => {
 						return openBlock(), createElementBlock("th", { key: l }, [createVNode(BPlaceholder_default, {
 							size: unref(props).footerSize,
 							variant: unref(props).footerVariant,
@@ -268,7 +268,7 @@ var BPlaceholderTable_default = /* @__PURE__ */ defineComponent({
 							"animation",
 							"width"
 						])]);
-					}), 128))])])]) : createCommentVNode("", true)
+					}), 128))])])], void 0, 1) : createCommentVNode("", true)
 				]),
 				_: 3
 			});
@@ -286,11 +286,11 @@ var BPlaceholderWrapper_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = useDefaults(__props, "BPlaceholderWrapper");
 		return (_ctx, _cache) => {
-			return unref(props).loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : renderSlot(_ctx.$slots, "default", { key: 1 });
+			return unref(props).loading ? renderSlot(_ctx.$slots, "loading", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
 		};
 	}
 });
 //#endregion
 export { BPlaceholder_default as a, BPlaceholderButton_default as i, BPlaceholderTable_default as n, BPlaceholderCard_default as r, BPlaceholderWrapper_default as t };
 
-//# sourceMappingURL=BPlaceholder-DPQ6mCLN.mjs.map
+//# sourceMappingURL=BPlaceholder-DvOCnqDh.js.map

package/dist/{BPlaceholder-B3rs_39w.js.map → BPlaceholder-DvOCnqDh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BPlaceholder-B3rs_39w.js","names":["$attrs"],"sources":["../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderTable.vue","../src/components/BPlaceholder/BPlaceholderTable.vue","../src/components/BPlaceholder/BPlaceholderWrapper.vue","../src/components/BPlaceholder/BPlaceholderWrapper.vue"],"sourcesContent":["<template>\n  <component :is=\"props.wrapperTag\" :class=\"wrapperClasses\">\n    <component\n      v-bind=\"$attrs\"\n      :is=\"tag\"\n      class=\"placeholder\"\n      :class=\"computedClasses\"\n      :style=\"computedStyle\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties} from 'vue'\nimport type {BPlaceholderProps} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: undefined,\n  tag: 'span',\n  variant: null,\n  width: undefined,\n  wrapperTag: 'span',\n})\nconst props = useDefaults(_props, 'BPlaceholder')\n\nconst widthString = computed(() =>\n  props.width === undefined\n    ? undefined\n    : typeof props.width === 'number'\n      ? props.width.toString()\n      : props.width.replace('%', '')\n)\n\nconst colsString = computed(() =>\n  props.cols === undefined\n    ? undefined\n    : typeof props.cols === 'number'\n      ? props.cols.toString()\n      : props.cols\n)\n\nconst colorClasses = useColorVariantClasses(\n  computed(() => ({\n    bgVariant: props.variant,\n  }))\n)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n    [`placeholder-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst wrapperClasses = computed(() => ({\n  [`placeholder-${props.animation}`]: props.animation !== undefined,\n}))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  width: widthString.value === undefined ? undefined : `${widthString.value}%`,\n}))\n</script>\n","<template>\n  <component :is=\"props.wrapperTag\" :class=\"wrapperClasses\">\n    <component\n      v-bind=\"$attrs\"\n      :is=\"tag\"\n      class=\"placeholder\"\n      :class=\"computedClasses\"\n      :style=\"computedStyle\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties} from 'vue'\nimport type {BPlaceholderProps} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: undefined,\n  tag: 'span',\n  variant: null,\n  width: undefined,\n  wrapperTag: 'span',\n})\nconst props = useDefaults(_props, 'BPlaceholder')\n\nconst widthString = computed(() =>\n  props.width === undefined\n    ? undefined\n    : typeof props.width === 'number'\n      ? props.width.toString()\n      : props.width.replace('%', '')\n)\n\nconst colsString = computed(() =>\n  props.cols === undefined\n    ? undefined\n    : typeof props.cols === 'number'\n      ? props.cols.toString()\n      : props.cols\n)\n\nconst colorClasses = useColorVariantClasses(\n  computed(() => ({\n    bgVariant: props.variant,\n  }))\n)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n    [`placeholder-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst wrapperClasses = computed(() => ({\n  [`placeholder-${props.animation}`]: props.animation !== undefined,\n}))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  width: widthString.value === undefined ? undefined : `${widthString.value}%`,\n}))\n</script>\n","<template>\n  <BPlaceholder\n    class=\"btn disabled\"\n    :class=\"computedClasses\"\n    :animation=\"props.animation\"\n    :width=\"props.width\"\n    :cols=\"props.cols\"\n    :tag=\"props.tag\"\n    :style=\"{'cursor': 'wait', 'pointer-events': 'auto'}\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport BPlaceholder from './BPlaceholder.vue'\nimport type {BPlaceholderButtonProps} from '../../types'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderButtonProps>(), {\n  animation: undefined,\n  cols: undefined,\n  tag: 'div',\n  variant: 'primary',\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderButton')\n\nconst computedClasses = computed(() => ({\n  [`btn-${props.variant}`]: props.variant !== null,\n}))\n</script>\n","<template>\n  <BPlaceholder\n    class=\"btn disabled\"\n    :class=\"computedClasses\"\n    :animation=\"props.animation\"\n    :width=\"props.width\"\n    :cols=\"props.cols\"\n    :tag=\"props.tag\"\n    :style=\"{'cursor': 'wait', 'pointer-events': 'auto'}\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport BPlaceholder from './BPlaceholder.vue'\nimport type {BPlaceholderButtonProps} from '../../types'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderButtonProps>(), {\n  animation: undefined,\n  cols: undefined,\n  tag: 'div',\n  variant: 'primary',\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderButton')\n\nconst computedClasses = computed(() => ({\n  [`btn-${props.variant}`]: props.variant !== null,\n}))\n</script>\n","<template>\n  <BCard :img-placement=\"props.imgPlacement\">\n    <template v-if=\"!props.noImg\" #img>\n      <slot name=\"img\">\n        <BCardImg\n          :blank=\"!props.imgSrc\"\n          :blank-color=\"props.imgBlankColor\"\n          :height=\"!props.imgSrc ? props.imgHeight : undefined\"\n          :src=\"props.imgSrc\"\n          :img-placement=\"props.imgPlacement\"\n          :style=\"{cursor: 'wait'}\"\n        />\n      </slot>\n    </template>\n\n    <template v-if=\"!props.noHeader\" #header>\n      <slot name=\"header\">\n        <BPlaceholder\n          :width=\"props.headerWidth\"\n          :variant=\"props.headerVariant\"\n          :animation=\"props.headerAnimation\"\n          :size=\"props.headerSize\"\n        />\n      </slot>\n    </template>\n    <slot>\n      <BPlaceholder cols=\"7\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"6\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"8\" v-bind=\"defaultAttrs\" />\n    </slot>\n    <template v-if=\"!props.noFooter\" #footer>\n      <slot name=\"footer\">\n        <component\n          :is=\"footerComponent\"\n          :width=\"props.footerWidth\"\n          :animation=\"props.footerAnimation\"\n          :size=\"props.noButton ? props.footerSize : undefined\"\n          :variant=\"props.footerVariant\"\n        />\n      </slot>\n    </template>\n  </BCard>\n</template>\n\n<script setup lang=\"ts\">\nimport BCard from '../BCard/BCard.vue'\nimport BCardImg from '../BCard/BCardImg.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport BPlaceholderButton from './BPlaceholderButton.vue'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderCardProps, BPlaceholderCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  headerWidth: 100,\n  imgBlankColor: '#868e96',\n  imgPlacement: 'top',\n  imgHeight: 100,\n  imgSrc: undefined,\n  noButton: false,\n  noFooter: false,\n  noHeader: false,\n  noImg: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\ndefineSlots<BPlaceholderCardSlots>()\n\nconst defaultAttrs = computed(() => ({\n  animation: props.animation,\n  size: props.size,\n  variant: props.variant,\n}))\n\nconst footerComponent = computed(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))\n</script>\n","<template>\n  <BCard :img-placement=\"props.imgPlacement\">\n    <template v-if=\"!props.noImg\" #img>\n      <slot name=\"img\">\n        <BCardImg\n          :blank=\"!props.imgSrc\"\n          :blank-color=\"props.imgBlankColor\"\n          :height=\"!props.imgSrc ? props.imgHeight : undefined\"\n          :src=\"props.imgSrc\"\n          :img-placement=\"props.imgPlacement\"\n          :style=\"{cursor: 'wait'}\"\n        />\n      </slot>\n    </template>\n\n    <template v-if=\"!props.noHeader\" #header>\n      <slot name=\"header\">\n        <BPlaceholder\n          :width=\"props.headerWidth\"\n          :variant=\"props.headerVariant\"\n          :animation=\"props.headerAnimation\"\n          :size=\"props.headerSize\"\n        />\n      </slot>\n    </template>\n    <slot>\n      <BPlaceholder cols=\"7\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"6\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"8\" v-bind=\"defaultAttrs\" />\n    </slot>\n    <template v-if=\"!props.noFooter\" #footer>\n      <slot name=\"footer\">\n        <component\n          :is=\"footerComponent\"\n          :width=\"props.footerWidth\"\n          :animation=\"props.footerAnimation\"\n          :size=\"props.noButton ? props.footerSize : undefined\"\n          :variant=\"props.footerVariant\"\n        />\n      </slot>\n    </template>\n  </BCard>\n</template>\n\n<script setup lang=\"ts\">\nimport BCard from '../BCard/BCard.vue'\nimport BCardImg from '../BCard/BCardImg.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport BPlaceholderButton from './BPlaceholderButton.vue'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderCardProps, BPlaceholderCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  headerWidth: 100,\n  imgBlankColor: '#868e96',\n  imgPlacement: 'top',\n  imgHeight: 100,\n  imgSrc: undefined,\n  noButton: false,\n  noFooter: false,\n  noHeader: false,\n  noImg: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\ndefineSlots<BPlaceholderCardSlots>()\n\nconst defaultAttrs = computed(() => ({\n  animation: props.animation,\n  size: props.size,\n  variant: props.variant,\n}))\n\nconst footerComponent = computed(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))\n</script>\n","<template>\n  <BTableSimple>\n    <slot v-if=\"!props.noHeader\" name=\"thead\">\n      <thead>\n        <tr>\n          <th v-for=\"(_, i) in computedHeaderColumnsLength\" :key=\"i\">\n            <BPlaceholder\n              :size=\"props.headerSize\"\n              :variant=\"props.headerVariant\"\n              :animation=\"props.headerAnimation\"\n              :width=\"props.headerCellWidth\"\n            />\n          </th>\n        </tr>\n      </thead>\n    </slot>\n    <slot>\n      <tbody>\n        <tr v-for=\"(_, j) in rowsNumber\" :key=\"j\">\n          <td v-for=\"(__, k) in columnsNumber\" :key=\"k\">\n            <BPlaceholder\n              :size=\"props.size\"\n              :variant=\"props.variant\"\n              :animation=\"props.animation\"\n              :width=\"props.cellWidth\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </slot>\n    <slot v-if=\"props.showFooter\" name=\"tfoot\">\n      <tfoot>\n        <tr>\n          <th v-for=\"(_, l) in computedFooterColumnsLength\" :key=\"l\">\n            <BPlaceholder\n              :size=\"props.footerSize\"\n              :variant=\"props.footerVariant\"\n              :animation=\"props.footerAnimation\"\n              :width=\"props.footerCellWidth\"\n            />\n          </th>\n        </tr>\n      </tfoot>\n    </slot>\n  </BTableSimple>\n</template>\n\n<script setup lang=\"ts\">\nimport BTableSimple from '../BTable/BTableSimple.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BPlaceholderTableProps, BPlaceholderTableSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderTableProps>(), {\n  animation: undefined,\n  cellWidth: 100,\n  columns: 5,\n  footerAnimation: undefined,\n  footerCellWidth: 100,\n  footerColumns: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  noHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\ndefineSlots<BPlaceholderTableSlots>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? Number.NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? Number.NaN)\nconst headerColumnsNumber = useToNumber(computedHeaderColumns)\nconst footerColumnsNumber = useToNumber(computedFooterColumns)\n\nconst columnsNumber = computed(() => columnsToNumber.value || 5)\nconst rowsNumber = computed(() => rowsToNumber.value || 3)\n\nconst computedHeaderColumnsLength = computed(() =>\n  props.headerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(headerColumnsNumber.value)\n      ? columnsNumber.value\n      : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(footerColumnsNumber.value)\n      ? columnsNumber.value\n      : footerColumnsNumber.value\n)\n</script>\n","<template>\n  <BTableSimple>\n    <slot v-if=\"!props.noHeader\" name=\"thead\">\n      <thead>\n        <tr>\n          <th v-for=\"(_, i) in computedHeaderColumnsLength\" :key=\"i\">\n            <BPlaceholder\n              :size=\"props.headerSize\"\n              :variant=\"props.headerVariant\"\n              :animation=\"props.headerAnimation\"\n              :width=\"props.headerCellWidth\"\n            />\n          </th>\n        </tr>\n      </thead>\n    </slot>\n    <slot>\n      <tbody>\n        <tr v-for=\"(_, j) in rowsNumber\" :key=\"j\">\n          <td v-for=\"(__, k) in columnsNumber\" :key=\"k\">\n            <BPlaceholder\n              :size=\"props.size\"\n              :variant=\"props.variant\"\n              :animation=\"props.animation\"\n              :width=\"props.cellWidth\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </slot>\n    <slot v-if=\"props.showFooter\" name=\"tfoot\">\n      <tfoot>\n        <tr>\n          <th v-for=\"(_, l) in computedFooterColumnsLength\" :key=\"l\">\n            <BPlaceholder\n              :size=\"props.footerSize\"\n              :variant=\"props.footerVariant\"\n              :animation=\"props.footerAnimation\"\n              :width=\"props.footerCellWidth\"\n            />\n          </th>\n        </tr>\n      </tfoot>\n    </slot>\n  </BTableSimple>\n</template>\n\n<script setup lang=\"ts\">\nimport BTableSimple from '../BTable/BTableSimple.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BPlaceholderTableProps, BPlaceholderTableSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderTableProps>(), {\n  animation: undefined,\n  cellWidth: 100,\n  columns: 5,\n  footerAnimation: undefined,\n  footerCellWidth: 100,\n  footerColumns: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  noHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\ndefineSlots<BPlaceholderTableSlots>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? Number.NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? Number.NaN)\nconst headerColumnsNumber = useToNumber(computedHeaderColumns)\nconst footerColumnsNumber = useToNumber(computedFooterColumns)\n\nconst columnsNumber = computed(() => columnsToNumber.value || 5)\nconst rowsNumber = computed(() => rowsToNumber.value || 3)\n\nconst computedHeaderColumnsLength = computed(() =>\n  props.headerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(headerColumnsNumber.value)\n      ? columnsNumber.value\n      : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(footerColumnsNumber.value)\n      ? columnsNumber.value\n      : footerColumnsNumber.value\n)\n</script>\n","<template>\n  <slot v-if=\"props.loading\" name=\"loading\" />\n  <slot v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderWrapperProps, BPlaceholderWrapperSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\ndefineSlots<BPlaceholderWrapperSlots>()\n</script>\n","<template>\n  <slot v-if=\"props.loading\" name=\"loading\" />\n  <slot v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderWrapperProps, BPlaceholderWrapperSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\ndefineSlots<BPlaceholderWrapperSlots>()\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BPlaceholder-DvOCnqDh.js","names":["$attrs"],"sources":["../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderTable.vue","../src/components/BPlaceholder/BPlaceholderTable.vue","../src/components/BPlaceholder/BPlaceholderWrapper.vue","../src/components/BPlaceholder/BPlaceholderWrapper.vue"],"sourcesContent":["<template>\n  <component :is=\"props.wrapperTag\" :class=\"wrapperClasses\">\n    <component\n      v-bind=\"$attrs\"\n      :is=\"tag\"\n      class=\"placeholder\"\n      :class=\"computedClasses\"\n      :style=\"computedStyle\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties} from 'vue'\nimport type {BPlaceholderProps} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: undefined,\n  tag: 'span',\n  variant: null,\n  width: undefined,\n  wrapperTag: 'span',\n})\nconst props = useDefaults(_props, 'BPlaceholder')\n\nconst widthString = computed(() =>\n  props.width === undefined\n    ? undefined\n    : typeof props.width === 'number'\n      ? props.width.toString()\n      : props.width.replace('%', '')\n)\n\nconst colsString = computed(() =>\n  props.cols === undefined\n    ? undefined\n    : typeof props.cols === 'number'\n      ? props.cols.toString()\n      : props.cols\n)\n\nconst colorClasses = useColorVariantClasses(\n  computed(() => ({\n    bgVariant: props.variant,\n  }))\n)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n    [`placeholder-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst wrapperClasses = computed(() => ({\n  [`placeholder-${props.animation}`]: props.animation !== undefined,\n}))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  width: widthString.value === undefined ? undefined : `${widthString.value}%`,\n}))\n</script>\n","<template>\n  <component :is=\"props.wrapperTag\" :class=\"wrapperClasses\">\n    <component\n      v-bind=\"$attrs\"\n      :is=\"tag\"\n      class=\"placeholder\"\n      :class=\"computedClasses\"\n      :style=\"computedStyle\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties} from 'vue'\nimport type {BPlaceholderProps} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: undefined,\n  tag: 'span',\n  variant: null,\n  width: undefined,\n  wrapperTag: 'span',\n})\nconst props = useDefaults(_props, 'BPlaceholder')\n\nconst widthString = computed(() =>\n  props.width === undefined\n    ? undefined\n    : typeof props.width === 'number'\n      ? props.width.toString()\n      : props.width.replace('%', '')\n)\n\nconst colsString = computed(() =>\n  props.cols === undefined\n    ? undefined\n    : typeof props.cols === 'number'\n      ? props.cols.toString()\n      : props.cols\n)\n\nconst colorClasses = useColorVariantClasses(\n  computed(() => ({\n    bgVariant: props.variant,\n  }))\n)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n    [`placeholder-${props.size}`]: props.size !== undefined,\n  },\n])\n\nconst wrapperClasses = computed(() => ({\n  [`placeholder-${props.animation}`]: props.animation !== undefined,\n}))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  width: widthString.value === undefined ? undefined : `${widthString.value}%`,\n}))\n</script>\n","<template>\n  <BPlaceholder\n    class=\"btn disabled\"\n    :class=\"computedClasses\"\n    :animation=\"props.animation\"\n    :width=\"props.width\"\n    :cols=\"props.cols\"\n    :tag=\"props.tag\"\n    :style=\"{'cursor': 'wait', 'pointer-events': 'auto'}\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport BPlaceholder from './BPlaceholder.vue'\nimport type {BPlaceholderButtonProps} from '../../types'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderButtonProps>(), {\n  animation: undefined,\n  cols: undefined,\n  tag: 'div',\n  variant: 'primary',\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderButton')\n\nconst computedClasses = computed(() => ({\n  [`btn-${props.variant}`]: props.variant !== null,\n}))\n</script>\n","<template>\n  <BPlaceholder\n    class=\"btn disabled\"\n    :class=\"computedClasses\"\n    :animation=\"props.animation\"\n    :width=\"props.width\"\n    :cols=\"props.cols\"\n    :tag=\"props.tag\"\n    :style=\"{'cursor': 'wait', 'pointer-events': 'auto'}\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport BPlaceholder from './BPlaceholder.vue'\nimport type {BPlaceholderButtonProps} from '../../types'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderButtonProps>(), {\n  animation: undefined,\n  cols: undefined,\n  tag: 'div',\n  variant: 'primary',\n  width: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderButton')\n\nconst computedClasses = computed(() => ({\n  [`btn-${props.variant}`]: props.variant !== null,\n}))\n</script>\n","<template>\n  <BCard :img-placement=\"props.imgPlacement\">\n    <template v-if=\"!props.noImg\" #img>\n      <slot name=\"img\">\n        <BCardImg\n          :blank=\"!props.imgSrc\"\n          :blank-color=\"props.imgBlankColor\"\n          :height=\"!props.imgSrc ? props.imgHeight : undefined\"\n          :src=\"props.imgSrc\"\n          :img-placement=\"props.imgPlacement\"\n          :style=\"{cursor: 'wait'}\"\n        />\n      </slot>\n    </template>\n\n    <template v-if=\"!props.noHeader\" #header>\n      <slot name=\"header\">\n        <BPlaceholder\n          :width=\"props.headerWidth\"\n          :variant=\"props.headerVariant\"\n          :animation=\"props.headerAnimation\"\n          :size=\"props.headerSize\"\n        />\n      </slot>\n    </template>\n    <slot>\n      <BPlaceholder cols=\"7\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"6\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"8\" v-bind=\"defaultAttrs\" />\n    </slot>\n    <template v-if=\"!props.noFooter\" #footer>\n      <slot name=\"footer\">\n        <component\n          :is=\"footerComponent\"\n          :width=\"props.footerWidth\"\n          :animation=\"props.footerAnimation\"\n          :size=\"props.noButton ? props.footerSize : undefined\"\n          :variant=\"props.footerVariant\"\n        />\n      </slot>\n    </template>\n  </BCard>\n</template>\n\n<script setup lang=\"ts\">\nimport BCard from '../BCard/BCard.vue'\nimport BCardImg from '../BCard/BCardImg.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport BPlaceholderButton from './BPlaceholderButton.vue'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderCardProps, BPlaceholderCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  headerWidth: 100,\n  imgBlankColor: '#868e96',\n  imgPlacement: 'top',\n  imgHeight: 100,\n  imgSrc: undefined,\n  noButton: false,\n  noFooter: false,\n  noHeader: false,\n  noImg: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\ndefineSlots<BPlaceholderCardSlots>()\n\nconst defaultAttrs = computed(() => ({\n  animation: props.animation,\n  size: props.size,\n  variant: props.variant,\n}))\n\nconst footerComponent = computed(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))\n</script>\n","<template>\n  <BCard :img-placement=\"props.imgPlacement\">\n    <template v-if=\"!props.noImg\" #img>\n      <slot name=\"img\">\n        <BCardImg\n          :blank=\"!props.imgSrc\"\n          :blank-color=\"props.imgBlankColor\"\n          :height=\"!props.imgSrc ? props.imgHeight : undefined\"\n          :src=\"props.imgSrc\"\n          :img-placement=\"props.imgPlacement\"\n          :style=\"{cursor: 'wait'}\"\n        />\n      </slot>\n    </template>\n\n    <template v-if=\"!props.noHeader\" #header>\n      <slot name=\"header\">\n        <BPlaceholder\n          :width=\"props.headerWidth\"\n          :variant=\"props.headerVariant\"\n          :animation=\"props.headerAnimation\"\n          :size=\"props.headerSize\"\n        />\n      </slot>\n    </template>\n    <slot>\n      <BPlaceholder cols=\"7\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"4\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"6\" v-bind=\"defaultAttrs\" />\n      <BPlaceholder cols=\"8\" v-bind=\"defaultAttrs\" />\n    </slot>\n    <template v-if=\"!props.noFooter\" #footer>\n      <slot name=\"footer\">\n        <component\n          :is=\"footerComponent\"\n          :width=\"props.footerWidth\"\n          :animation=\"props.footerAnimation\"\n          :size=\"props.noButton ? props.footerSize : undefined\"\n          :variant=\"props.footerVariant\"\n        />\n      </slot>\n    </template>\n  </BCard>\n</template>\n\n<script setup lang=\"ts\">\nimport BCard from '../BCard/BCard.vue'\nimport BCardImg from '../BCard/BCardImg.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport BPlaceholderButton from './BPlaceholderButton.vue'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderCardProps, BPlaceholderCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  headerWidth: 100,\n  imgBlankColor: '#868e96',\n  imgPlacement: 'top',\n  imgHeight: 100,\n  imgSrc: undefined,\n  noButton: false,\n  noFooter: false,\n  noHeader: false,\n  noImg: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\ndefineSlots<BPlaceholderCardSlots>()\n\nconst defaultAttrs = computed(() => ({\n  animation: props.animation,\n  size: props.size,\n  variant: props.variant,\n}))\n\nconst footerComponent = computed(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))\n</script>\n","<template>\n  <BTableSimple>\n    <slot v-if=\"!props.noHeader\" name=\"thead\">\n      <thead>\n        <tr>\n          <th v-for=\"(_, i) in computedHeaderColumnsLength\" :key=\"i\">\n            <BPlaceholder\n              :size=\"props.headerSize\"\n              :variant=\"props.headerVariant\"\n              :animation=\"props.headerAnimation\"\n              :width=\"props.headerCellWidth\"\n            />\n          </th>\n        </tr>\n      </thead>\n    </slot>\n    <slot>\n      <tbody>\n        <tr v-for=\"(_, j) in rowsNumber\" :key=\"j\">\n          <td v-for=\"(__, k) in columnsNumber\" :key=\"k\">\n            <BPlaceholder\n              :size=\"props.size\"\n              :variant=\"props.variant\"\n              :animation=\"props.animation\"\n              :width=\"props.cellWidth\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </slot>\n    <slot v-if=\"props.showFooter\" name=\"tfoot\">\n      <tfoot>\n        <tr>\n          <th v-for=\"(_, l) in computedFooterColumnsLength\" :key=\"l\">\n            <BPlaceholder\n              :size=\"props.footerSize\"\n              :variant=\"props.footerVariant\"\n              :animation=\"props.footerAnimation\"\n              :width=\"props.footerCellWidth\"\n            />\n          </th>\n        </tr>\n      </tfoot>\n    </slot>\n  </BTableSimple>\n</template>\n\n<script setup lang=\"ts\">\nimport BTableSimple from '../BTable/BTableSimple.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BPlaceholderTableProps, BPlaceholderTableSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderTableProps>(), {\n  animation: undefined,\n  cellWidth: 100,\n  columns: 5,\n  footerAnimation: undefined,\n  footerCellWidth: 100,\n  footerColumns: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  noHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\ndefineSlots<BPlaceholderTableSlots>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? Number.NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? Number.NaN)\nconst headerColumnsNumber = useToNumber(computedHeaderColumns)\nconst footerColumnsNumber = useToNumber(computedFooterColumns)\n\nconst columnsNumber = computed(() => columnsToNumber.value || 5)\nconst rowsNumber = computed(() => rowsToNumber.value || 3)\n\nconst computedHeaderColumnsLength = computed(() =>\n  props.headerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(headerColumnsNumber.value)\n      ? columnsNumber.value\n      : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(footerColumnsNumber.value)\n      ? columnsNumber.value\n      : footerColumnsNumber.value\n)\n</script>\n","<template>\n  <BTableSimple>\n    <slot v-if=\"!props.noHeader\" name=\"thead\">\n      <thead>\n        <tr>\n          <th v-for=\"(_, i) in computedHeaderColumnsLength\" :key=\"i\">\n            <BPlaceholder\n              :size=\"props.headerSize\"\n              :variant=\"props.headerVariant\"\n              :animation=\"props.headerAnimation\"\n              :width=\"props.headerCellWidth\"\n            />\n          </th>\n        </tr>\n      </thead>\n    </slot>\n    <slot>\n      <tbody>\n        <tr v-for=\"(_, j) in rowsNumber\" :key=\"j\">\n          <td v-for=\"(__, k) in columnsNumber\" :key=\"k\">\n            <BPlaceholder\n              :size=\"props.size\"\n              :variant=\"props.variant\"\n              :animation=\"props.animation\"\n              :width=\"props.cellWidth\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </slot>\n    <slot v-if=\"props.showFooter\" name=\"tfoot\">\n      <tfoot>\n        <tr>\n          <th v-for=\"(_, l) in computedFooterColumnsLength\" :key=\"l\">\n            <BPlaceholder\n              :size=\"props.footerSize\"\n              :variant=\"props.footerVariant\"\n              :animation=\"props.footerAnimation\"\n              :width=\"props.footerCellWidth\"\n            />\n          </th>\n        </tr>\n      </tfoot>\n    </slot>\n  </BTableSimple>\n</template>\n\n<script setup lang=\"ts\">\nimport BTableSimple from '../BTable/BTableSimple.vue'\nimport BPlaceholder from './BPlaceholder.vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport type {BPlaceholderTableProps, BPlaceholderTableSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BPlaceholderTableProps>(), {\n  animation: undefined,\n  cellWidth: 100,\n  columns: 5,\n  footerAnimation: undefined,\n  footerCellWidth: 100,\n  footerColumns: undefined,\n  footerSize: undefined,\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: undefined,\n  headerVariant: undefined,\n  noHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: undefined,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\ndefineSlots<BPlaceholderTableSlots>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? Number.NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? Number.NaN)\nconst headerColumnsNumber = useToNumber(computedHeaderColumns)\nconst footerColumnsNumber = useToNumber(computedFooterColumns)\n\nconst columnsNumber = computed(() => columnsToNumber.value || 5)\nconst rowsNumber = computed(() => rowsToNumber.value || 3)\n\nconst computedHeaderColumnsLength = computed(() =>\n  props.headerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(headerColumnsNumber.value)\n      ? columnsNumber.value\n      : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined\n    ? columnsNumber.value\n    : Number.isNaN(footerColumnsNumber.value)\n      ? columnsNumber.value\n      : footerColumnsNumber.value\n)\n</script>\n","<template>\n  <slot v-if=\"props.loading\" name=\"loading\" />\n  <slot v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderWrapperProps, BPlaceholderWrapperSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\ndefineSlots<BPlaceholderWrapperSlots>()\n</script>\n","<template>\n  <slot v-if=\"props.loading\" name=\"loading\" />\n  <slot v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BPlaceholderWrapperProps, BPlaceholderWrapperSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\ndefineSlots<BPlaceholderWrapperSlots>()\n</script>\n"],"mappings":"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"}

package/dist/{BProgress-BZlrPYhA.mjs → BProgress-BNxYppi-.js}

@@ -1,7 +1,7 @@
-import { v as progressInjectionKey } from "./keys-DU7sQgl3.mjs";
-import { R as useToNumber } from "./dist-Dk9C_HFS.mjs";
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as useColorVariantClasses } from "./useColorVariantClasses-CqeXHjRh.mjs";
+import { v as progressInjectionKey } from "./keys-BgLwJbLV.js";
+import { S as useToNumber } from "./dist-DKc2ivHS.js";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as useColorVariantClasses } from "./useColorVariantClasses-DHQvLjek.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, toDisplayString, toRef, unref } from "vue";
 //#endregion
 //#region src/components/BProgress/BProgressBar.vue
@@ -132,4 +132,4 @@ var BProgress_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BProgressBar_default as n, BProgress_default as t };
 
-//# sourceMappingURL=BProgress-BZlrPYhA.mjs.map
+//# sourceMappingURL=BProgress-BNxYppi-.js.map

package/dist/{BProgress-th0-eZWo.js.map → BProgress-BNxYppi-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BProgress-th0-eZWo.js","names":[],"sources":["../src/components/BProgress/BProgressBar.vue","../src/components/BProgress/BProgressBar.vue","../src/components/BProgress/BProgress.vue","../src/components/BProgress/BProgress.vue"],"sourcesContent":["<template>\n  <div class=\"progress-bar\" :class=\"computedClasses\" :style=\"{width: computedWidth}\">\n    <slot>\n      {{ computedLabel }}\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed, inject} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useToNumber} from '@vueuse/core'\nimport type {BProgressBarProps, BProgressBarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressBarProps>(), {\n  animated: false,\n  bgVariant: null,\n  label: undefined,\n  max: undefined,\n  precision: 0,\n  showProgress: false,\n  showValue: false,\n  striped: false,\n  textVariant: null,\n  value: 0,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BProgressBar')\ndefineSlots<BProgressBarSlots>()\n\nconst parentData = inject(progressInjectionKey, null)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'progress-bar-animated': props.animated || parentData?.animated.value,\n    'progress-bar-striped':\n      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,\n  },\n])\n\nconst numberPrecision = useToNumber(() => props.precision)\nconst numberValue = useToNumber(() => props.value)\nconst numberMax = useToNumber(() => props.max ?? Number.NaN)\nconst parentMaxNumber = useToNumber(() => parentData?.max.value ?? Number.NaN)\n\nconst computedLabel = computed(() =>\n  props.showValue || parentData?.showValue.value\n    ? numberValue.value.toFixed(numberPrecision.value)\n    : props.showProgress || parentData?.showProgress.value\n      ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)\n      : props.label !== undefined\n        ? props.label\n        : ''\n)\n\nconst computedWidth = computed(() =>\n  parentMaxNumber.value\n    ? `${(numberValue.value * 100) / parentMaxNumber.value}%`\n    : numberMax.value\n      ? `${(numberValue.value * 100) / numberMax.value}%`\n      : typeof props.value === 'string'\n        ? props.value\n        : `${props.value}%`\n)\n</script>\n","<template>\n  <div class=\"progress-bar\" :class=\"computedClasses\" :style=\"{width: computedWidth}\">\n    <slot>\n      {{ computedLabel }}\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed, inject} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useToNumber} from '@vueuse/core'\nimport type {BProgressBarProps, BProgressBarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressBarProps>(), {\n  animated: false,\n  bgVariant: null,\n  label: undefined,\n  max: undefined,\n  precision: 0,\n  showProgress: false,\n  showValue: false,\n  striped: false,\n  textVariant: null,\n  value: 0,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BProgressBar')\ndefineSlots<BProgressBarSlots>()\n\nconst parentData = inject(progressInjectionKey, null)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'progress-bar-animated': props.animated || parentData?.animated.value,\n    'progress-bar-striped':\n      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,\n  },\n])\n\nconst numberPrecision = useToNumber(() => props.precision)\nconst numberValue = useToNumber(() => props.value)\nconst numberMax = useToNumber(() => props.max ?? Number.NaN)\nconst parentMaxNumber = useToNumber(() => parentData?.max.value ?? Number.NaN)\n\nconst computedLabel = computed(() =>\n  props.showValue || parentData?.showValue.value\n    ? numberValue.value.toFixed(numberPrecision.value)\n    : props.showProgress || parentData?.showProgress.value\n      ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)\n      : props.label !== undefined\n        ? props.label\n        : ''\n)\n\nconst computedWidth = computed(() =>\n  parentMaxNumber.value\n    ? `${(numberValue.value * 100) / parentMaxNumber.value}%`\n    : numberMax.value\n      ? `${(numberValue.value * 100) / numberMax.value}%`\n      : typeof props.value === 'string'\n        ? props.value\n        : `${props.value}%`\n)\n</script>\n","<template>\n  <div\n    class=\"progress\"\n    role=\"progressbar\"\n    :style=\"{height: props.height}\"\n    :aria-valuenow=\"props.value\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"props.max\"\n  >\n    <slot>\n      <BProgressBar\n        :animated=\"props.animated\"\n        :max=\"props.max\"\n        :precision=\"props.precision\"\n        :show-progress=\"props.showProgress\"\n        :show-value=\"props.showValue\"\n        :striped=\"props.striped\"\n        :value=\"props.value\"\n        :variant=\"props.variant\"\n        :text-variant=\"props.textVariant\"\n        :bg-variant=\"props.bgVariant\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BProgressBar from './BProgressBar.vue'\nimport {provide, toRef} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BProgressProps, BProgressSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressProps>(), {\n  height: undefined,\n  // BProgressBar props\n  animated: undefined,\n  bgVariant: undefined,\n  max: 100,\n  precision: undefined,\n  showProgress: undefined,\n  showValue: undefined,\n  striped: undefined,\n  textVariant: undefined,\n  value: undefined,\n  variant: undefined,\n  // End BProgressBar props\n})\nconst props = useDefaults(_props, 'BProgress')\ndefineSlots<BProgressSlots>()\n\nprovide(progressInjectionKey, {\n  animated: toRef(() => props.animated),\n  max: toRef(() => props.max),\n  showProgress: toRef(() => props.showProgress),\n  showValue: toRef(() => props.showValue),\n  striped: toRef(() => props.striped),\n})\n</script>\n","<template>\n  <div\n    class=\"progress\"\n    role=\"progressbar\"\n    :style=\"{height: props.height}\"\n    :aria-valuenow=\"props.value\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"props.max\"\n  >\n    <slot>\n      <BProgressBar\n        :animated=\"props.animated\"\n        :max=\"props.max\"\n        :precision=\"props.precision\"\n        :show-progress=\"props.showProgress\"\n        :show-value=\"props.showValue\"\n        :striped=\"props.striped\"\n        :value=\"props.value\"\n        :variant=\"props.variant\"\n        :text-variant=\"props.textVariant\"\n        :bg-variant=\"props.bgVariant\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BProgressBar from './BProgressBar.vue'\nimport {provide, toRef} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BProgressProps, BProgressSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressProps>(), {\n  height: undefined,\n  // BProgressBar props\n  animated: undefined,\n  bgVariant: undefined,\n  max: 100,\n  precision: undefined,\n  showProgress: undefined,\n  showValue: undefined,\n  striped: undefined,\n  textVariant: undefined,\n  value: undefined,\n  variant: undefined,\n  // End BProgressBar props\n})\nconst props = useDefaults(_props, 'BProgress')\ndefineSlots<BProgressSlots>()\n\nprovide(progressInjectionKey, {\n  animated: toRef(() => props.animated),\n  max: toRef(() => props.max),\n  showProgress: toRef(() => props.showProgress),\n  showValue: toRef(() => props.showValue),\n  striped: toRef(() => props.striped),\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BProgress-BNxYppi-.js","names":[],"sources":["../src/components/BProgress/BProgressBar.vue","../src/components/BProgress/BProgressBar.vue","../src/components/BProgress/BProgress.vue","../src/components/BProgress/BProgress.vue"],"sourcesContent":["<template>\n  <div class=\"progress-bar\" :class=\"computedClasses\" :style=\"{width: computedWidth}\">\n    <slot>\n      {{ computedLabel }}\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed, inject} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useToNumber} from '@vueuse/core'\nimport type {BProgressBarProps, BProgressBarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressBarProps>(), {\n  animated: false,\n  bgVariant: null,\n  label: undefined,\n  max: undefined,\n  precision: 0,\n  showProgress: false,\n  showValue: false,\n  striped: false,\n  textVariant: null,\n  value: 0,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BProgressBar')\ndefineSlots<BProgressBarSlots>()\n\nconst parentData = inject(progressInjectionKey, null)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'progress-bar-animated': props.animated || parentData?.animated.value,\n    'progress-bar-striped':\n      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,\n  },\n])\n\nconst numberPrecision = useToNumber(() => props.precision)\nconst numberValue = useToNumber(() => props.value)\nconst numberMax = useToNumber(() => props.max ?? Number.NaN)\nconst parentMaxNumber = useToNumber(() => parentData?.max.value ?? Number.NaN)\n\nconst computedLabel = computed(() =>\n  props.showValue || parentData?.showValue.value\n    ? numberValue.value.toFixed(numberPrecision.value)\n    : props.showProgress || parentData?.showProgress.value\n      ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)\n      : props.label !== undefined\n        ? props.label\n        : ''\n)\n\nconst computedWidth = computed(() =>\n  parentMaxNumber.value\n    ? `${(numberValue.value * 100) / parentMaxNumber.value}%`\n    : numberMax.value\n      ? `${(numberValue.value * 100) / numberMax.value}%`\n      : typeof props.value === 'string'\n        ? props.value\n        : `${props.value}%`\n)\n</script>\n","<template>\n  <div class=\"progress-bar\" :class=\"computedClasses\" :style=\"{width: computedWidth}\">\n    <slot>\n      {{ computedLabel }}\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed, inject} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useToNumber} from '@vueuse/core'\nimport type {BProgressBarProps, BProgressBarSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressBarProps>(), {\n  animated: false,\n  bgVariant: null,\n  label: undefined,\n  max: undefined,\n  precision: 0,\n  showProgress: false,\n  showValue: false,\n  striped: false,\n  textVariant: null,\n  value: 0,\n  variant: null,\n})\nconst props = useDefaults(_props, 'BProgressBar')\ndefineSlots<BProgressBarSlots>()\n\nconst parentData = inject(progressInjectionKey, null)\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    'progress-bar-animated': props.animated || parentData?.animated.value,\n    'progress-bar-striped':\n      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,\n  },\n])\n\nconst numberPrecision = useToNumber(() => props.precision)\nconst numberValue = useToNumber(() => props.value)\nconst numberMax = useToNumber(() => props.max ?? Number.NaN)\nconst parentMaxNumber = useToNumber(() => parentData?.max.value ?? Number.NaN)\n\nconst computedLabel = computed(() =>\n  props.showValue || parentData?.showValue.value\n    ? numberValue.value.toFixed(numberPrecision.value)\n    : props.showProgress || parentData?.showProgress.value\n      ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)\n      : props.label !== undefined\n        ? props.label\n        : ''\n)\n\nconst computedWidth = computed(() =>\n  parentMaxNumber.value\n    ? `${(numberValue.value * 100) / parentMaxNumber.value}%`\n    : numberMax.value\n      ? `${(numberValue.value * 100) / numberMax.value}%`\n      : typeof props.value === 'string'\n        ? props.value\n        : `${props.value}%`\n)\n</script>\n","<template>\n  <div\n    class=\"progress\"\n    role=\"progressbar\"\n    :style=\"{height: props.height}\"\n    :aria-valuenow=\"props.value\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"props.max\"\n  >\n    <slot>\n      <BProgressBar\n        :animated=\"props.animated\"\n        :max=\"props.max\"\n        :precision=\"props.precision\"\n        :show-progress=\"props.showProgress\"\n        :show-value=\"props.showValue\"\n        :striped=\"props.striped\"\n        :value=\"props.value\"\n        :variant=\"props.variant\"\n        :text-variant=\"props.textVariant\"\n        :bg-variant=\"props.bgVariant\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BProgressBar from './BProgressBar.vue'\nimport {provide, toRef} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BProgressProps, BProgressSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressProps>(), {\n  height: undefined,\n  // BProgressBar props\n  animated: undefined,\n  bgVariant: undefined,\n  max: 100,\n  precision: undefined,\n  showProgress: undefined,\n  showValue: undefined,\n  striped: undefined,\n  textVariant: undefined,\n  value: undefined,\n  variant: undefined,\n  // End BProgressBar props\n})\nconst props = useDefaults(_props, 'BProgress')\ndefineSlots<BProgressSlots>()\n\nprovide(progressInjectionKey, {\n  animated: toRef(() => props.animated),\n  max: toRef(() => props.max),\n  showProgress: toRef(() => props.showProgress),\n  showValue: toRef(() => props.showValue),\n  striped: toRef(() => props.striped),\n})\n</script>\n","<template>\n  <div\n    class=\"progress\"\n    role=\"progressbar\"\n    :style=\"{height: props.height}\"\n    :aria-valuenow=\"props.value\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"props.max\"\n  >\n    <slot>\n      <BProgressBar\n        :animated=\"props.animated\"\n        :max=\"props.max\"\n        :precision=\"props.precision\"\n        :show-progress=\"props.showProgress\"\n        :show-value=\"props.showValue\"\n        :striped=\"props.striped\"\n        :value=\"props.value\"\n        :variant=\"props.variant\"\n        :text-variant=\"props.textVariant\"\n        :bg-variant=\"props.bgVariant\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BProgressBar from './BProgressBar.vue'\nimport {provide, toRef} from 'vue'\nimport {progressInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BProgressProps, BProgressSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BProgressProps>(), {\n  height: undefined,\n  // BProgressBar props\n  animated: undefined,\n  bgVariant: undefined,\n  max: 100,\n  precision: undefined,\n  showProgress: undefined,\n  showValue: undefined,\n  striped: undefined,\n  textVariant: undefined,\n  value: undefined,\n  variant: undefined,\n  // End BProgressBar props\n})\nconst props = useDefaults(_props, 'BProgress')\ndefineSlots<BProgressSlots>()\n\nprovide(progressInjectionKey, {\n  animated: toRef(() => props.animated),\n  max: toRef(() => props.max),\n  showProgress: toRef(() => props.showProgress),\n  showValue: toRef(() => props.showValue),\n  striped: toRef(() => props.striped),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ,YAAY,SAAQ,cAAc;EAGhD,MAAM,aAAa,OAAO,sBAAsB,IAAI;EAEpD,MAAM,eAAe,uBAAuB,KAAK;EACjD,MAAM,kBAAkB,eAAe,CACrC,aAAa,OACb;GACE,yBAAyB,MAAM,YAAY,YAAY,SAAS;GAChE,wBACE,MAAM,WAAW,YAAY,QAAQ,SAAS,MAAM,YAAY,YAAY,SAAS;EACzF,CACF,CAAC;EAED,MAAM,kBAAkB,kBAAkB,MAAM,SAAS;EACzD,MAAM,cAAc,kBAAkB,MAAM,KAAK;EACjD,MAAM,YAAY,kBAAkB,MAAM,OAAO,GAAU;EAC3D,MAAM,kBAAkB,kBAAkB,YAAY,IAAI,SAAS,GAAU;EAE7E,MAAM,gBAAgB,eACpB,MAAM,aAAa,YAAY,UAAU,QACrC,YAAY,MAAM,QAAQ,gBAAgB,KAAK,IAC/C,MAAM,gBAAgB,YAAY,aAAa,SAC3C,YAAY,QAAQ,OAAQ,UAAU,SAAS,KAAA,CAAM,QAAQ,gBAAgB,KAAK,IACpF,MAAM,UAAU,KAAA,IACd,MAAM,QACN,EACV;EAEA,MAAM,gBAAgB,eACpB,gBAAgB,QACZ,GAAI,YAAY,QAAQ,MAAO,gBAAgB,MAAM,KACrD,UAAU,QACR,GAAI,YAAY,QAAQ,MAAO,UAAU,MAAM,KAC/C,OAAO,MAAM,UAAU,WACrB,MAAM,QACN,GAAG,MAAM,MAAM,EACzB;;GAlEE,OAAA,UAAA,GAAA,mBAIM,OAAA;IAJD,OAAK,eAAA,CAAC,gBAAuB,gBAAA,KAAe,CAAA;IAAG,OAAK,eAAA,EAAA,OAAU,cAAA,MAAa,CAAA;GAC9E,GAAA,CAAA,WAEO,KAAA,QAAA,WAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE6CtB,MAAM,QAAQ,YAAY,SAAQ,WAAW;EAG7C,QAAQ,sBAAsB;GAC5B,UAAU,YAAY,MAAM,QAAQ;GACpC,KAAK,YAAY,MAAM,GAAG;GAC1B,cAAc,YAAY,MAAM,YAAY;GAC5C,WAAW,YAAY,MAAM,SAAS;GACtC,SAAS,YAAY,MAAM,OAAO;EACpC,CAAC;;GAxDC,OAAA,UAAA,GAAA,mBAsBM,OAAA;IArBJ,OAAM;IACN,MAAK;IACJ,OAAK,eAAA,EAAA,QAAW,MAAA,KAAA,CAAK,CAAC,OAAM,CAAA;IAC5B,iBAAe,MAAA,KAAA,CAAK,CAAC;IACtB,iBAAc;IACb,iBAAe,MAAA,KAAA,CAAK,CAAC;GAEtB,GAAA,CAAA,WAaO,KAAA,QAAA,WAAA,CAAA,SAAA,CAZL,YAWE,sBAAA;IAVC,UAAU,MAAA,KAAA,CAAK,CAAC;IAChB,KAAK,MAAA,KAAA,CAAK,CAAC;IACX,WAAW,MAAA,KAAA,CAAK,CAAC;IACjB,iBAAe,MAAA,KAAA,CAAK,CAAC;IACrB,cAAY,MAAA,KAAA,CAAK,CAAC;IAClB,SAAS,MAAA,KAAA,CAAK,CAAC;IACf,OAAO,MAAA,KAAA,CAAK,CAAC;IACb,SAAS,MAAA,KAAA,CAAK,CAAC;IACf,gBAAc,MAAA,KAAA,CAAK,CAAC;IACpB,cAAY,MAAA,KAAA,CAAK,CAAC"}

package/dist/{BRow-eGSUYGCW.mjs → BRow-CoBI89xF.js}

@@ -1,6 +1,6 @@
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as getClasses } from "./getClasses-COokMI60.mjs";
-import { t as useAlignment } from "./useAlignment-DuR8ymKI.mjs";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as getClasses } from "./getClasses-BlbbSJNl.js";
+import { t as useAlignment } from "./useAlignment-DaP-psIh.js";
 import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/BContainer/BRow.vue
@@ -61,4 +61,4 @@ var BRow_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BRow_default as t };
 
-//# sourceMappingURL=BRow-eGSUYGCW.mjs.map
+//# sourceMappingURL=BRow-CoBI89xF.js.map

package/dist/{BRow-7AOuFiSy.js.map → BRow-CoBI89xF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BRow-7AOuFiSy.js","names":[],"sources":["../src/components/BContainer/BRow.vue","../src/components/BContainer/BRow.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"row\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {getClasses} from '../../utils/getClasses'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BRowProps, BRowSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BRowProps>(), {\n  tag: 'div',\n  gutterX: undefined,\n  gutterY: undefined,\n  noGutters: false,\n  alignV: undefined,\n  alignH: undefined,\n  alignContent: undefined,\n  cols: undefined,\n  colsLg: undefined,\n  colsMd: undefined,\n  colsSm: undefined,\n  colsXl: undefined,\n  colsXxl: undefined,\n})\nconst props = useDefaults(_props, 'BRow')\ndefineSlots<BRowSlots>()\n\nconst alignment = useAlignment(() => props.alignH)\n\nconst rowColsClasses = computed(() =>\n  getClasses(\n    {\n      cols: props.cols,\n      colsLg: props.colsLg,\n      colsMd: props.colsMd,\n      colsSm: props.colsSm,\n      colsXl: props.colsXl,\n      colsXxl: props.colsXxl,\n    },\n    ['cols', 'colsLg', 'colsMd', 'colsSm', 'colsXl', 'colsXxl'],\n    'cols',\n    'row-cols'\n  )\n)\n\nconst computedClasses = computed(() => [\n  rowColsClasses.value,\n  {\n    [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n    [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n    'g-0': props.noGutters,\n    [`align-items-${props.alignV}`]: props.alignV !== undefined,\n    [alignment.value]: props.alignH !== undefined,\n    [`align-content-${props.alignContent}`]: props.alignContent !== undefined,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"row\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {getClasses} from '../../utils/getClasses'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BRowProps, BRowSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BRowProps>(), {\n  tag: 'div',\n  gutterX: undefined,\n  gutterY: undefined,\n  noGutters: false,\n  alignV: undefined,\n  alignH: undefined,\n  alignContent: undefined,\n  cols: undefined,\n  colsLg: undefined,\n  colsMd: undefined,\n  colsSm: undefined,\n  colsXl: undefined,\n  colsXxl: undefined,\n})\nconst props = useDefaults(_props, 'BRow')\ndefineSlots<BRowSlots>()\n\nconst alignment = useAlignment(() => props.alignH)\n\nconst rowColsClasses = computed(() =>\n  getClasses(\n    {\n      cols: props.cols,\n      colsLg: props.colsLg,\n      colsMd: props.colsMd,\n      colsSm: props.colsSm,\n      colsXl: props.colsXl,\n      colsXxl: props.colsXxl,\n    },\n    ['cols', 'colsLg', 'colsMd', 'colsSm', 'colsXl', 'colsXxl'],\n    'cols',\n    'row-cols'\n  )\n)\n\nconst computedClasses = computed(() => [\n  rowColsClasses.value,\n  {\n    [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n    [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n    'g-0': props.noGutters,\n    [`align-items-${props.alignV}`]: props.alignV !== undefined,\n    [alignment.value]: props.alignH !== undefined,\n    [`align-content-${props.alignContent}`]: props.alignContent !== undefined,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,QAAQ,oBAAA,YAfC,SAemB,OAAM;EAGxC,MAAM,YAAY,qBAAA,mBAAmB,MAAM,OAAM;EAEjD,MAAM,kBAAA,GAAA,IAAA,gBACJ,mBAAA,WACE;GACE,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,SAAS,MAAM;GAChB,EACD;GAAC;GAAQ;GAAU;GAAU;GAAU;GAAU;GAAU,EAC3D,QACA,WACF,CACF;EAEA,MAAM,mBAAA,GAAA,IAAA,gBAAiC,CACrC,eAAe,OACf;IACG,MAAM,MAAM,YAAY,MAAM,YAAY,KAAA;IAC1C,MAAM,MAAM,YAAY,MAAM,YAAY,KAAA;GAC3C,OAAO,MAAM;IACZ,eAAe,MAAM,WAAW,MAAM,WAAW,KAAA;IACjD,UAAU,QAAQ,MAAM,WAAW,KAAA;IACnC,iBAAiB,MAAM,iBAAiB,MAAM,iBAAiB,KAAA;GACjE,CACF,CAAA;;qGA1DiB,MAAK,CAAC,IAAG,EAAA,EAAE,QAAA,GAAA,IAAA,gBAAK,CAAC,OAAc,gBAAA,MAAe,CAAA,EAAA,EAAA;oCACpD,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"BRow-CoBI89xF.js","names":[],"sources":["../src/components/BContainer/BRow.vue","../src/components/BContainer/BRow.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"row\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {getClasses} from '../../utils/getClasses'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BRowProps, BRowSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BRowProps>(), {\n  tag: 'div',\n  gutterX: undefined,\n  gutterY: undefined,\n  noGutters: false,\n  alignV: undefined,\n  alignH: undefined,\n  alignContent: undefined,\n  cols: undefined,\n  colsLg: undefined,\n  colsMd: undefined,\n  colsSm: undefined,\n  colsXl: undefined,\n  colsXxl: undefined,\n})\nconst props = useDefaults(_props, 'BRow')\ndefineSlots<BRowSlots>()\n\nconst alignment = useAlignment(() => props.alignH)\n\nconst rowColsClasses = computed(() =>\n  getClasses(\n    {\n      cols: props.cols,\n      colsLg: props.colsLg,\n      colsMd: props.colsMd,\n      colsSm: props.colsSm,\n      colsXl: props.colsXl,\n      colsXxl: props.colsXxl,\n    },\n    ['cols', 'colsLg', 'colsMd', 'colsSm', 'colsXl', 'colsXxl'],\n    'cols',\n    'row-cols'\n  )\n)\n\nconst computedClasses = computed(() => [\n  rowColsClasses.value,\n  {\n    [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n    [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n    'g-0': props.noGutters,\n    [`align-items-${props.alignV}`]: props.alignV !== undefined,\n    [alignment.value]: props.alignH !== undefined,\n    [`align-content-${props.alignContent}`]: props.alignContent !== undefined,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"row\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {getClasses} from '../../utils/getClasses'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BRowProps, BRowSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BRowProps>(), {\n  tag: 'div',\n  gutterX: undefined,\n  gutterY: undefined,\n  noGutters: false,\n  alignV: undefined,\n  alignH: undefined,\n  alignContent: undefined,\n  cols: undefined,\n  colsLg: undefined,\n  colsMd: undefined,\n  colsSm: undefined,\n  colsXl: undefined,\n  colsXxl: undefined,\n})\nconst props = useDefaults(_props, 'BRow')\ndefineSlots<BRowSlots>()\n\nconst alignment = useAlignment(() => props.alignH)\n\nconst rowColsClasses = computed(() =>\n  getClasses(\n    {\n      cols: props.cols,\n      colsLg: props.colsLg,\n      colsMd: props.colsMd,\n      colsSm: props.colsSm,\n      colsXl: props.colsXl,\n      colsXxl: props.colsXxl,\n    },\n    ['cols', 'colsLg', 'colsMd', 'colsSm', 'colsXl', 'colsXxl'],\n    'cols',\n    'row-cols'\n  )\n)\n\nconst computedClasses = computed(() => [\n  rowColsClasses.value,\n  {\n    [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n    [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n    'g-0': props.noGutters,\n    [`align-items-${props.alignV}`]: props.alignV !== undefined,\n    [alignment.value]: props.alignH !== undefined,\n    [`align-content-${props.alignContent}`]: props.alignContent !== undefined,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,QAAQ,YAAY,SAAQ,MAAM;EAGxC,MAAM,YAAY,mBAAmB,MAAM,MAAM;EAEjD,MAAM,iBAAiB,eACrB,WACE;GACE,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,SAAS,MAAM;EACjB,GACA;GAAC;GAAQ;GAAU;GAAU;GAAU;GAAU;EAAS,GAC1D,QACA,UACF,CACF;EAEA,MAAM,kBAAkB,eAAe,CACrC,eAAe,OACf;IACG,MAAM,MAAM,YAAY,MAAM,YAAY,KAAA;IAC1C,MAAM,MAAM,YAAY,MAAM,YAAY,KAAA;GAC3C,OAAO,MAAM;IACZ,eAAe,MAAM,WAAW,MAAM,WAAW,KAAA;IACjD,UAAU,QAAQ,MAAM,WAAW,KAAA;IACnC,iBAAiB,MAAM,iBAAiB,MAAM,iBAAiB,KAAA;EAClE,CACF,CAAC;;GA1DC,OAAA,UAAA,GAAA,YAEY,wBAFI,MAAA,KAAA,CAAK,CAAC,GAAG,GAAA,EAAE,OAAK,eAAA,CAAC,OAAc,gBAAA,KAAe,CAAA,EAAA,GAAA;IAC5D,SAAA,cAAQ,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/{BSpinner-CUfGqviV.mjs → BSpinner-H1DZOmiM.js}

@@ -1,6 +1,6 @@
-import { o as isEmptySlot } from "./dom-AhkaSoh8.mjs";
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as useColorVariantClasses } from "./useColorVariantClasses-CqeXHjRh.mjs";
+import { o as isEmptySlot } from "./dom-BdUQrX99.js";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as useColorVariantClasses } from "./useColorVariantClasses-DHQvLjek.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region src/components/BSpinner/BSpinner.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -51,4 +51,4 @@ var BSpinner_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BSpinner_default as t };
 
-//# sourceMappingURL=BSpinner-CUfGqviV.mjs.map
+//# sourceMappingURL=BSpinner-H1DZOmiM.js.map