bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BPagination.vue_vue_type_script_setup_true_lang-DlaLHOK3.mjs

@@ -0,0 +1,377 @@
+import { defineComponent, mergeModels, useModel, computed, watch, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, mergeProps, renderSlot, createTextVNode, toDisplayString, createBlock, resolveDynamicComponent, withCtx } from "vue";
+import { B as BvEvent } from "./classes-IC0yVJlq.mjs";
+import { u as useAlignment } from "./useAlignment-Cw-9AVid.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useToNumber } from "./index-DlGgXMQF.mjs";
+const _hoisted_1 = ["aria-disabled", "aria-label"];
+const DEFAULT_PER_PAGE = 20;
+const DEFAULT_TOTAL_ROWS = 0;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BPagination",
+  props: /* @__PURE__ */ mergeModels({
+    align: { default: "start" },
+    ariaControls: { default: void 0 },
+    ariaLabel: { default: "Pagination" },
+    disabled: { type: Boolean, default: false },
+    ellipsisClass: { default: void 0 },
+    ellipsisText: { default: "…" },
+    firstClass: { default: void 0 },
+    firstNumber: { type: Boolean, default: false },
+    firstText: { default: "«" },
+    hideEllipsis: { type: Boolean, default: false },
+    hideGotoEndButtons: { type: Boolean, default: false },
+    labelFirstPage: { default: "Go to first page" },
+    labelLastPage: { default: "Go to last page" },
+    labelNextPage: { default: "Go to next page" },
+    labelPage: { default: "Go to page" },
+    labelPrevPage: { default: "Go to previous page" },
+    lastClass: { default: void 0 },
+    lastNumber: { type: Boolean, default: false },
+    lastText: { default: "»" },
+    limit: { default: 5 },
+    nextClass: { default: void 0 },
+    nextText: { default: "›" },
+    pageClass: { default: void 0 },
+    perPage: { default: DEFAULT_PER_PAGE },
+    pills: { type: Boolean, default: false },
+    prevClass: { default: void 0 },
+    prevText: { default: "‹" },
+    size: { default: void 0 },
+    totalRows: { default: DEFAULT_TOTAL_ROWS }
+  }, {
+    "modelValue": { default: 1 },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["page-click"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ELLIPSIS_THRESHOLD = 3;
+    const FIRST_BUTTON = -1;
+    const PREV_BUTTON = -2;
+    const NEXT_BUTTON = -3;
+    const LAST_BUTTON = -4;
+    const FIRST_ELLIPSIS = -5;
+    const LAST_ELLIPSIS = -6;
+    const _props = __props;
+    const props = useDefaults(_props, "BPagination");
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const limitNumber = useToNumber(() => props.limit, { nanToZero: true, method: "parseInt" });
+    const perPageNumber = useToNumber(() => props.perPage, { nanToZero: true, method: "parseInt" });
+    const totalRowsNumber = useToNumber(() => props.totalRows, { nanToZero: true, method: "parseInt" });
+    const modelValueNumber = useToNumber(modelValue, { nanToZero: true, method: "parseInt" });
+    const perPageSanitized = computed(() => Math.max(perPageNumber.value || DEFAULT_PER_PAGE, 1));
+    const totalRowsSanitized = computed(() => Math.max(totalRowsNumber.value || DEFAULT_TOTAL_ROWS, 0));
+    const numberOfPages = computed(() => Math.ceil(totalRowsSanitized.value / perPageSanitized.value));
+    const computedFill = computed(() => props.align === "fill");
+    const justifyAlign = computed(() => props.align === "fill" ? "start" : props.align);
+    const alignment = useAlignment(justifyAlign);
+    const isActivePage = (pageNumber) => pageNumber === modelValueNumber.value;
+    const getTabIndex = (num) => props.disabled ? null : isActivePage(num) ? "0" : "-1";
+    const checkDisabled = (num) => props.disabled || isActivePage(num) || modelValueNumber.value < 1 || // Check if the number is out of bounds
+    num < 1 || num > numberOfPages.value;
+    const firstDisabled = computed(() => checkDisabled(1));
+    const prevDisabled = computed(() => checkDisabled(modelValueNumber.value - 1));
+    const lastDisabled = computed(() => checkDisabled(numberOfPages.value));
+    const nextDisabled = computed(() => checkDisabled(modelValueNumber.value + 1));
+    const getBaseButtonProps = ({
+      page,
+      classVal,
+      dis,
+      slotName,
+      textValue,
+      tabIndex,
+      label,
+      position,
+      isActive,
+      role,
+      hidden
+    }) => ({
+      li: {
+        "class": [
+          "page-item",
+          {
+            "active": isActive,
+            "disabled": dis,
+            "flex-fill": computedFill.value,
+            "d-flex": computedFill.value && !dis
+          },
+          classVal
+        ],
+        role,
+        "aria-hidden": hidden
+      },
+      button: {
+        "is": dis ? "span" : "button",
+        "class": ["page-link", "text-center", { "flex-grow-1": !dis && computedFill.value }],
+        "aria-label": label,
+        "aria-controls": props.ariaControls || void 0,
+        "aria-disabled": dis ? true : void 0,
+        "aria-posinset": position,
+        "aria-setsize": position ? numberOfPages.value : void 0,
+        "role": "menuitem",
+        "type": dis ? void 0 : "button",
+        "tabindex": dis ? void 0 : tabIndex
+      },
+      text: {
+        name: slotName,
+        active: isActive,
+        value: textValue ?? page,
+        page,
+        disabled: dis,
+        index: page - 1,
+        content: textValue ? void 0 : page
+      },
+      clickHandler: (e) => pageClick(e, page)
+    });
+    const getButtonProps = ({
+      page,
+      classVal,
+      dis,
+      slotName,
+      textValue,
+      label
+    }) => getBaseButtonProps({ page, classVal, dis, slotName, textValue, label, tabIndex: "-1" });
+    const getPageButtonProps = (page) => getBaseButtonProps({
+      page,
+      dis: props.disabled,
+      classVal: props.pageClass,
+      slotName: "page",
+      label: props.labelPage ? `${props.labelPage} ${page}` : void 0,
+      tabIndex: getTabIndex(page) ?? void 0,
+      position: page,
+      isActive: isActivePage(page)
+    });
+    const firstButtonProps = computed(
+      () => getButtonProps({
+        page: 1,
+        dis: firstDisabled.value,
+        classVal: props.firstClass,
+        slotName: "first-text",
+        textValue: props.firstText,
+        label: props.labelFirstPage
+      })
+    );
+    const prevButtonProps = computed(
+      () => getButtonProps({
+        page: Math.max(modelValueNumber.value - 1, 1),
+        dis: prevDisabled.value,
+        classVal: props.prevClass,
+        slotName: "prev-text",
+        textValue: props.prevText,
+        label: props.labelPrevPage
+      })
+    );
+    const nextButtonProps = computed(
+      () => getButtonProps({
+        page: Math.min(modelValueNumber.value + 1, numberOfPages.value),
+        dis: nextDisabled.value,
+        classVal: props.nextClass,
+        slotName: "next-text",
+        textValue: props.nextText,
+        label: props.labelNextPage
+      })
+    );
+    const lastButtonProps = computed(
+      () => getButtonProps({
+        page: numberOfPages.value,
+        dis: lastDisabled.value,
+        classVal: props.lastClass,
+        slotName: "last-text",
+        textValue: props.lastText,
+        label: props.labelLastPage
+      })
+    );
+    const ellipsisProps = computed(() => ({
+      li: {
+        class: [
+          "page-item",
+          "disabled",
+          "text-center",
+          "bv-d-xs-down-none",
+          computedFill.value ? "flex-fill" : "",
+          props.ellipsisClass
+        ],
+        role: "separator"
+      },
+      span: {
+        class: ["page-link"]
+      }
+    }));
+    const computedWrapperClasses = computed(() => [
+      alignment.value,
+      {
+        [`pagination-${props.size}`]: props.size !== void 0,
+        "b-pagination-pills": props.pills
+      }
+    ]);
+    const pagination = computed(() => ({
+      pageSize: perPageSanitized.value,
+      totalRows: totalRowsNumber.value,
+      numberOfPages: numberOfPages.value
+    }));
+    const pageClick = (event, pageNumber) => {
+      if (pageNumber === modelValueNumber.value) return;
+      const clickEvent = new BvEvent("page-click", {
+        cancelable: true,
+        target: event.target
+      });
+      emit("page-click", clickEvent, pageNumber);
+      if (clickEvent.defaultPrevented) return;
+      modelValue.value = pageNumber;
+    };
+    watch(modelValueNumber, (newValue) => {
+      const sanitizeCurrentPage = (value, numberOfPages2) => {
+        const page = value || 1;
+        return page > numberOfPages2 ? numberOfPages2 : page < 1 ? 1 : page;
+      };
+      const calculatedValue = sanitizeCurrentPage(newValue, numberOfPages.value);
+      if (calculatedValue === modelValue.value) return;
+      modelValue.value = calculatedValue;
+    });
+    watch(pagination, (oldValue, newValue) => {
+      if (newValue.pageSize !== oldValue.pageSize && newValue.totalRows === oldValue.totalRows) {
+        modelValue.value = 1;
+      } else if (newValue.numberOfPages !== oldValue.numberOfPages && modelValueNumber.value > newValue.numberOfPages) {
+        modelValue.value = 1;
+      }
+    });
+    const pages = computed(
+      () => elements.value.map((p) => {
+        switch (p) {
+          case FIRST_BUTTON:
+            return { id: p, ...firstButtonProps.value };
+          case PREV_BUTTON:
+            return { id: p, ...prevButtonProps.value };
+          case NEXT_BUTTON:
+            return { id: p, ...nextButtonProps.value };
+          case LAST_BUTTON:
+            return { id: p, ...lastButtonProps.value };
+          case FIRST_ELLIPSIS:
+          case LAST_ELLIPSIS:
+            return { id: p, ...ellipsisProps.value };
+          default:
+            return { id: p, ...getPageButtonProps(p) };
+        }
+      })
+    );
+    const elements = computed(() => {
+      const pages2 = numberOfPages.value;
+      const { value } = modelValueNumber;
+      const limit = limitNumber.value;
+      const firstPage = props.firstNumber ? 1 : 0;
+      const lastPage = props.lastNumber ? 1 : 0;
+      const hideEllipsis = props.hideEllipsis || limit <= ELLIPSIS_THRESHOLD;
+      const hideFirstButton = props.hideGotoEndButtons && !props.firstNumber ? 1 : 0;
+      const hideLastButton = props.hideGotoEndButtons && !props.lastNumber ? 1 : 0;
+      const showFirstButton = hideFirstButton ? 0 : 1;
+      const showLastButton = hideLastButton ? 0 : 1;
+      if (pages2 < limit + firstPage + lastPage) {
+        return [
+          !firstPage && !hideFirstButton ? FIRST_BUTTON : null,
+          PREV_BUTTON,
+          ...Array.from({ length: pages2 }, (_, index) => index + 1),
+          NEXT_BUTTON,
+          !lastPage && !hideLastButton ? LAST_BUTTON : null
+        ].filter((x) => x !== null);
+      }
+      const buttons = Array.from({ length: limit + 4 - (hideFirstButton + hideLastButton) });
+      if (!hideFirstButton) {
+        if (!firstPage) {
+          buttons[0] = FIRST_BUTTON;
+          buttons[1] = PREV_BUTTON;
+        } else {
+          buttons[0] = PREV_BUTTON;
+          buttons[1] = 1;
+        }
+      } else {
+        buttons[0] = PREV_BUTTON;
+      }
+      if (!hideLastButton) {
+        if (!lastPage) {
+          buttons[buttons.length - 1] = LAST_BUTTON;
+          buttons[buttons.length - 2] = NEXT_BUTTON;
+        } else {
+          buttons[buttons.length - 1] = NEXT_BUTTON;
+          buttons[buttons.length - 2] = pages2;
+        }
+      } else {
+        buttons[buttons.length - 1] = NEXT_BUTTON;
+      }
+      const halfLimit = Math.floor(limit / 2);
+      if (value <= halfLimit + firstPage) {
+        for (let index = 1; index <= limit; index++) {
+          buttons[index + 1 - hideFirstButton] = index + firstPage;
+        }
+        if (!hideEllipsis) {
+          buttons[buttons.length - (2 + showLastButton)] = LAST_ELLIPSIS;
+        }
+      }
+      if (value > pages2 - halfLimit - lastPage) {
+        const start = pages2 - (limit - 1) - lastPage;
+        for (let index = 0; index < limit; index++) {
+          buttons[index + 2 - hideFirstButton] = start + index;
+        }
+        if (!hideEllipsis) {
+          buttons[1 + showFirstButton] = FIRST_ELLIPSIS;
+        }
+      }
+      if (!buttons[2]) {
+        const start = value - Math.floor(limit / 2);
+        for (let index = 0; index < limit; index++) {
+          buttons[index + 2 - hideFirstButton] = start + index;
+        }
+        if (!hideEllipsis) {
+          buttons[1 + showFirstButton] = FIRST_ELLIPSIS;
+          buttons[buttons.length - (2 + showLastButton)] = LAST_ELLIPSIS;
+        }
+      }
+      return buttons.filter((x) => x !== null);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        class: normalizeClass(["pagination", computedWrapperClasses.value]),
+        role: "menubar",
+        "aria-disabled": unref(props).disabled,
+        "aria-label": unref(props).ariaLabel || void 0
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
+          return openBlock(), createElementBlock("li", mergeProps({
+            key: `page-${page.id}`,
+            ref_for: true
+          }, page.li), [
+            page.id === FIRST_ELLIPSIS || page.id === LAST_ELLIPSIS ? (openBlock(), createElementBlock("span", mergeProps({
+              key: 0,
+              ref_for: true
+            }, ellipsisProps.value.span), [
+              renderSlot(_ctx.$slots, "ellipsis-text", {}, () => [
+                createTextVNode(toDisplayString(unref(props).ellipsisText || "..."), 1)
+              ])
+            ], 16)) : (openBlock(), createBlock(resolveDynamicComponent(page.button.is), mergeProps({
+              key: 1,
+              ref_for: true
+            }, page.button, {
+              onClick: page.clickHandler
+            }), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, page.text.name, {
+                  disabled: page.text.disabled,
+                  page: page.text.page,
+                  index: page.text.index,
+                  active: page.text.active,
+                  content: page.text.value
+                }, () => [
+                  createTextVNode(toDisplayString(page.text.value), 1)
+                ])
+              ]),
+              _: 2
+            }, 1040, ["onClick"]))
+          ], 16);
+        }), 128))
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BPagination.vue_vue_type_script_setup_true_lang-DlaLHOK3.mjs.map

package/dist/BPagination.vue_vue_type_script_setup_true_lang-DlaLHOK3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPagination.vue_vue_type_script_setup_true_lang-DlaLHOK3.mjs","sources":["../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  >\n    <template v-for=\"page in pages\" :key=\"`page-${page.id}`\">\n      <li v-bind=\"page.li\">\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 v-bind=\"page.button\" :is=\"page.button.is\" v-else @click=\"page.clickHandler\">\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\"\n            :content=\"page.text.value\"\n          >\n            {{ page.text.value }}\n          </slot>\n        </component>\n      </li>\n    </template>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvEvent} from '../../utils'\nimport {computed, watch} from 'vue'\nimport type {BPaginationProps} from '../../types/ComponentProps'\nimport {useAlignment} from '../../composables/useAlignment'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\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\n// This is necessary because type inference isn't succeeding for the pages computed\ninterface PageButton {\n  id: number\n  li: Record<string, unknown>\n  button: Record<string, unknown>\n  text: Record<string, unknown>\n  clickHandler: (e: Readonly<MouseEvent>) => void\n}\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  hideEllipsis: false,\n  hideGotoEndButtons: 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')\n\nconst emit = defineEmits<{\n  'page-click': [event: BvEvent, pageNumber: number]\n}>()\n\nconst modelValue = defineModel<Exclude<BPaginationProps['modelValue'], undefined>>({default: 1})\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 === modelValueNumber.value\nconst getTabIndex = (num: number) => (props.disabled ? null : isActivePage(num) ? '0' : '-1')\n\nconst checkDisabled = (num: number) =>\n  props.disabled ||\n  isActivePage(num) ||\n  modelValueNumber.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(modelValueNumber.value - 1))\nconst lastDisabled = computed(() => checkDisabled(numberOfPages.value))\nconst nextDisabled = computed(() => checkDisabled(modelValueNumber.value + 1))\n\nconst getBaseButtonProps = ({\n  page,\n  classVal,\n  dis,\n  slotName,\n  textValue,\n  tabIndex,\n  label,\n  position,\n  isActive,\n  role,\n  hidden,\n}: {\n  page: number\n  dis: boolean\n  classVal: ClassValue\n  slotName: string\n  textValue?: string\n  tabIndex?: string\n  label?: string\n  position?: number\n  isActive?: boolean\n  role?: string\n  hidden?: boolean\n}) => ({\n  li: {\n    'class': [\n      'page-item',\n      {\n        'active': isActive,\n        'disabled': dis,\n        'flex-fill': computedFill.value,\n        'd-flex': computedFill.value && !dis,\n      },\n      classVal,\n    ],\n    role,\n    'aria-hidden': hidden,\n  },\n  button: {\n    'is': dis ? 'span' : 'button',\n    'class': ['page-link', 'text-center', {'flex-grow-1': !dis && computedFill.value}],\n    'aria-label': label,\n    'aria-controls': props.ariaControls || undefined,\n    'aria-disabled': dis ? true : undefined,\n    'aria-posinset': position,\n    'aria-setsize': position ? numberOfPages.value : undefined,\n    'role': 'menuitem',\n    'type': dis ? undefined : 'button',\n    'tabindex': dis ? undefined : tabIndex,\n  },\n  text: {\n    name: slotName,\n    active: isActive,\n    value: textValue ?? page,\n    page,\n    disabled: dis,\n    index: page - 1,\n    content: textValue ? undefined : page,\n  },\n  clickHandler: (e: Readonly<MouseEvent>) => pageClick(e, page),\n})\n\nconst getButtonProps = ({\n  page,\n  classVal,\n  dis,\n  slotName,\n  textValue,\n  label,\n}: {\n  page: number\n  dis: boolean\n  classVal: ClassValue\n  slotName: string\n  textValue?: string\n  label: string\n}) => getBaseButtonProps({page, classVal, dis, slotName, textValue, label, tabIndex: '-1'})\n\nconst getPageButtonProps = (page: number) =>\n  getBaseButtonProps({\n    page,\n    dis: 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  })\n\nconst firstButtonProps = computed(() =>\n  getButtonProps({\n    page: 1,\n    dis: 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(modelValueNumber.value - 1, 1),\n    dis: 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(modelValueNumber.value + 1, numberOfPages.value),\n    dis: 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    dis: 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-xs-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 === modelValueNumber.value) return\n\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 (isVisible(target) && un_element.contains(target)) {\n  //  attemptFocus(target)\n  //} else {\n  //this.focusCurrent()\n  //}\n  // })\n}\n\nwatch(modelValueNumber, (newValue) => {\n  const sanitizeCurrentPage = (value: number, numberOfPages: number) => {\n    const page = value || 1\n    return page > numberOfPages ? numberOfPages : page < 1 ? 1 : page\n  }\n  const calculatedValue = sanitizeCurrentPage(newValue, numberOfPages.value)\n  if (calculatedValue === modelValue.value) return\n  modelValue.value = calculatedValue\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  } else if (\n    newValue.numberOfPages !== oldValue.numberOfPages &&\n    modelValueNumber.value > newValue.numberOfPages\n  ) {\n    // If `numberOfPages` changes and is less than\n    // the `currentPage` number, reset to page 1\n    modelValue.value = 1\n  }\n})\n\nconst pages = computed(\n  () =>\n    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    }) as PageButton[]\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} = modelValueNumber\n  const limit = limitNumber.value\n  const firstPage = props.firstNumber ? 1 : 0\n  const lastPage = props.lastNumber ? 1 : 0\n  const hideEllipsis = props.hideEllipsis || limit <= ELLIPSIS_THRESHOLD\n  const hideFirstButton = props.hideGotoEndButtons && !props.firstNumber ? 1 : 0\n  const hideLastButton = props.hideGotoEndButtons && !props.lastNumber ? 1 : 0\n  const showFirstButton = hideFirstButton ? 0 : 1\n  const showLastButton = hideLastButton ? 0 : 1\n\n  // The first case is when all of 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 - hideEndButtons * 2 (the [first, last,] prev, next buttons)\n\n  if (pages < limit + firstPage + lastPage) {\n    return [\n      !firstPage && !hideFirstButton ? FIRST_BUTTON : null,\n      PREV_BUTTON,\n      ...Array.from({length: pages}, (_, index) => index + 1),\n      NEXT_BUTTON,\n      !lastPage && !hideLastButton ? LAST_BUTTON : null,\n    ].filter((x) => x !== null) as number[]\n  }\n\n  // All of the remaining cases result in an array that is exactly limit + 4 - hideEndButtons * 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 - (hideFirstButton + hideLastButton)})\n  if (!hideFirstButton) {\n    if (!firstPage) {\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 (!hideLastButton) {\n    if (!lastPage) {\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 begginning, with\n  //  no ellipsis at the beginning, but one at the end\n\n  const halfLimit = Math.floor(limit / 2)\n  if (value <= halfLimit + firstPage) {\n    for (let index = 1; index <= limit; index++) {\n      buttons[index + 1 - hideFirstButton] = index + firstPage\n    }\n\n    if (!hideEllipsis) {\n      buttons[buttons.length - (2 + showLastButton)] = 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 - lastPage) {\n    const start = pages - (limit - 1) - lastPage\n    for (let index = 0; index < limit; index++) {\n      buttons[index + 2 - hideFirstButton] = start + index\n    }\n\n    if (!hideEllipsis) {\n      buttons[1 + showFirstButton] = 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 ceck 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 - hideFirstButton] = start + index\n    }\n\n    if (!hideEllipsis) {\n      buttons[1 + showFirstButton] = FIRST_ELLIPSIS\n      buttons[buttons.length - (2 + showLastButton)] = 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"],"names":["_useModel","numberOfPages","pages"],"mappings":"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"}

package/dist/BPlaceholderWrapper.vue_vue_type_script_setup_true_lang-CNFPE1rr.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./BCard.vue_vue_type_script_setup_true_lang-TLAEs-XJ.js"),a=require("./useDefaults-Cd8OVIUI.js"),o=require("./BTableSimple.vue_vue_type_script_setup_true_lang-iOO_ebGw.js"),n=require("./index-BInTFWT4.js"),l=e.defineComponent({inheritAttrs:!1,__name:"BPlaceholder",props:{animation:{default:void 0},cols:{default:12},size:{default:"md"},tag:{default:"span"},variant:{default:null},width:{default:void 0},wrapperTag:{default:"span"}},setup(t){const o=t,n=a.useDefaults(o,"BPlaceholder"),l=e.computed((()=>void 0===n.width?void 0:"number"==typeof n.width?n.width.toString():n.width.replace("%",""))),r=e.computed((()=>void 0===n.cols?void 0:"number"==typeof n.cols?n.cols.toString():n.cols)),i=e.computed((()=>({[`col-${r.value}`]:void 0!==r.value&&void 0===l.value,[`bg-${n.variant}`]:null!==n.variant,[`placeholder-${n.size}`]:"md"!==n.size}))),d=e.computed((()=>({[`placeholder-${n.animation}`]:void 0!==n.animation}))),u=e.computed((()=>({width:void 0===l.value?void 0:`${l.value}%`})));return(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n).wrapperTag),{class:e.normalizeClass(d.value)},{default:e.withCtx((()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),e.mergeProps(t.$attrs,{class:["placeholder",i.value],style:u.value}),null,16,["class","style"]))])),_:1},8,["class"]))}}),r=e.defineComponent({__name:"BPlaceholderButton",props:{animation:{default:void 0},cols:{default:void 0},tag:{default:"div"},variant:{default:"primary"},width:{default:void 0}},setup(t){const o=t,n=a.useDefaults(o,"BPlaceholderButton"),r=e.computed((()=>({[`btn-${n.variant}`]:null!==n.variant})));return(t,a)=>(e.openBlock(),e.createBlock(l,{class:e.normalizeClass(["btn disabled",r.value]),animation:e.unref(n).animation,width:e.unref(n).width,cols:e.unref(n).cols,tag:e.unref(n).tag,style:{cursor:"wait","pointer-events":"auto"}},null,8,["class","animation","width","cols","tag"]))}}),i=e.defineComponent({__name:"BPlaceholderCard",props:{animation:{default:void 0},footerAnimation:{default:void 0},footerSize:{default:"md"},footerVariant:{default:void 0},footerWidth:{default:100},headerAnimation:{default:void 0},headerSize:{default:"md"},headerVariant:{default:void 0},headerWidth:{default:100},imgBlankColor:{default:"#868e96"},imgPlacement:{default:"top"},imgHeight:{default:100},imgSrc:{default:void 0},noButton:{type:Boolean,default:!1},noFooter:{type:Boolean,default:!1},noHeader:{type:Boolean,default:!1},noImg:{type:Boolean,default:!1},size:{default:"md"},variant:{default:void 0}},setup(o){const n=o,i=a.useDefaults(n,"BPlaceholderCard"),d=e.computed((()=>({animation:i.animation,size:i.size,variant:i.variant}))),u=e.computed((()=>i.noButton?l:r));return(a,o)=>(e.openBlock(),e.createBlock(t._sfc_main,{"img-placement":e.unref(i).imgPlacement},e.createSlots({default:e.withCtx((()=>[e.renderSlot(a.$slots,"default",{},(()=>[e.createVNode(l,e.mergeProps({cols:"7"},d.value),null,16),e.createVNode(l,e.mergeProps({cols:"4"},d.value),null,16),e.createVNode(l,e.mergeProps({cols:"4"},d.value),null,16),e.createVNode(l,e.mergeProps({cols:"6"},d.value),null,16),e.createVNode(l,e.mergeProps({cols:"8"},d.value),null,16)]))])),_:2},[e.unref(i).noImg?void 0:{name:"img",fn:e.withCtx((()=>[e.renderSlot(a.$slots,"img",{},(()=>[e.createVNode(t._sfc_main$4,{blank:!e.unref(i).imgSrc,"blank-color":e.unref(i).imgBlankColor,height:e.unref(i).imgSrc?void 0:e.unref(i).imgHeight,src:e.unref(i).imgSrc,"img-placement":e.unref(i).imgPlacement,style:{cursor:"wait"}},null,8,["blank","blank-color","height","src","img-placement"])]))])),key:"0"},e.unref(i).noHeader?void 0:{name:"header",fn:e.withCtx((()=>[e.renderSlot(a.$slots,"header",{},(()=>[e.createVNode(l,{width:e.unref(i).headerWidth,variant:e.unref(i).headerVariant,animation:e.unref(i).headerAnimation,size:e.unref(i).headerSize},null,8,["width","variant","animation","size"])]))])),key:"1"},e.unref(i).noFooter?void 0:{name:"footer",fn:e.withCtx((()=>[e.renderSlot(a.$slots,"footer",{},(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),{width:e.unref(i).footerWidth,animation:e.unref(i).footerAnimation,size:e.unref(i).noButton?e.unref(i).footerSize:void 0,variant:e.unref(i).footerVariant},null,8,["width","animation","size","variant"]))]))])),key:"2"}]),1032,["img-placement"]))}}),d=e.defineComponent({__name:"BPlaceholderTable",props:{animation:{default:void 0},cellWidth:{default:100},columns:{default:5},footerAnimation:{default:void 0},footerCellWidth:{default:100},footerColumns:{default:void 0},footerSize:{default:"md"},footerVariant:{default:void 0},headerAnimation:{default:void 0},headerCellWidth:{default:100},headerColumns:{default:void 0},headerSize:{default:"md"},headerVariant:{default:void 0},hideHeader:{type:Boolean,default:!1},rows:{default:3},showFooter:{type:Boolean,default:!1},size:{default:"md"},variant:{default:void 0}},setup(t){const r=t,i=a.useDefaults(r,"BPlaceholderTable"),d=n.useToNumber((()=>i.columns)),u=n.useToNumber((()=>i.rows)),s=e.computed((()=>i.headerColumns??NaN)),c=e.computed((()=>i.footerColumns??NaN)),m=n.useToNumber(s),f=n.useToNumber(c),p=e.computed((()=>d.value||5)),v=e.computed((()=>u.value||3)),h=e.computed((()=>void 0===i.headerColumns?p.value:m.value)),B=e.computed((()=>void 0===i.footerColumns?p.value:f.value));return(t,a)=>(e.openBlock(),e.createBlock(o._sfc_main,null,{default:e.withCtx((()=>[e.unref(i).hideHeader?e.createCommentVNode("",!0):e.renderSlot(t.$slots,"thead",{key:0},(()=>[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,((t,a)=>(e.openBlock(),e.createElementBlock("th",{key:a},[e.createVNode(l,{size:e.unref(i).headerSize,variant:e.unref(i).headerVariant,animation:e.unref(i).headerAnimation,width:e.unref(i).headerCellWidth},null,8,["size","variant","animation","width"])])))),128))])])])),e.renderSlot(t.$slots,"default",{},(()=>[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,((t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:a},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,((t,a)=>(e.openBlock(),e.createElementBlock("td",{key:a},[e.createVNode(l,{size:e.unref(i).size,variant:e.unref(i).variant,animation:e.unref(i).animation,width:e.unref(i).cellWidth},null,8,["size","variant","animation","width"])])))),128))])))),128))])])),e.unref(i).showFooter?e.renderSlot(t.$slots,"tfoot",{key:1},(()=>[e.createElementVNode("tfoot",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,((t,a)=>(e.openBlock(),e.createElementBlock("th",{key:a},[e.createVNode(l,{size:e.unref(i).footerSize,variant:e.unref(i).footerVariant,animation:e.unref(i).footerAnimation,width:e.unref(i).footerCellWidth},null,8,["size","variant","animation","width"])])))),128))])])])):e.createCommentVNode("",!0)])),_:3}))}}),u=e.defineComponent({__name:"BPlaceholderWrapper",props:{loading:{type:Boolean,default:!1}},setup(t){const o=t,n=a.useDefaults(o,"BPlaceholderWrapper");return(t,a)=>e.unref(n).loading?e.renderSlot(t.$slots,"loading",{key:0}):e.renderSlot(t.$slots,"default",{key:1})}});exports._sfc_main=l,exports._sfc_main$1=r,exports._sfc_main$2=i,exports._sfc_main$3=d,exports._sfc_main$4=u;
+//# sourceMappingURL=BPlaceholderWrapper.vue_vue_type_script_setup_true_lang-CNFPE1rr.js.map

package/dist/BPlaceholderWrapper.vue_vue_type_script_setup_true_lang-CNFPE1rr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPlaceholderWrapper.vue_vue_type_script_setup_true_lang-CNFPE1rr.js","sources":["../src/components/BPlaceholder/BPlaceholder.vue","../src/components/BPlaceholder/BPlaceholderButton.vue","../src/components/BPlaceholder/BPlaceholderCard.vue","../src/components/BPlaceholder/BPlaceholderTable.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/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<BPlaceholderProps>(), {\n  animation: undefined,\n  cols: 12,\n  size: 'md',\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 computedClasses = computed(() => ({\n  [`col-${colsString.value}`]: colsString.value !== undefined && widthString.value === undefined,\n  [`bg-${props.variant}`]: props.variant !== null,\n  [`placeholder-${props.size}`]: props.size !== 'md',\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/ComponentProps'\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 ? true : false\"\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 type {BPlaceholderCardProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BPlaceholderCardProps>(), {\n  animation: undefined,\n  footerAnimation: undefined,\n  footerSize: 'md',\n  footerVariant: undefined,\n  footerWidth: 100,\n  headerAnimation: undefined,\n  headerSize: 'md',\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: 'md',\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderCard')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  footer?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  header?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  img?: (props: Record<string, never>) => any\n}>()\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.hideHeader\" 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 type {BPlaceholderTableProps} from '../../types/ComponentProps'\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'\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: 'md',\n  footerVariant: undefined,\n  headerAnimation: undefined,\n  headerCellWidth: 100,\n  headerColumns: undefined,\n  headerSize: 'md',\n  headerVariant: undefined,\n  hideHeader: false,\n  rows: 3,\n  showFooter: false,\n  size: 'md',\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BPlaceholderTable')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  tfoot?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  thead?: (props: Record<string, never>) => any\n}>()\n\nconst columnsToNumber = useToNumber(() => props.columns)\nconst rowsToNumber = useToNumber(() => props.rows)\nconst computedHeaderColumns = computed(() => props.headerColumns ?? NaN)\nconst computedFooterColumns = computed(() => props.footerColumns ?? 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 ? columnsNumber.value : headerColumnsNumber.value\n)\nconst computedFooterColumnsLength = computed(() =>\n  props.footerColumns === undefined ? columnsNumber.value : 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 {useDefaults} from '../../composables/useDefaults'\nimport type {BPlaceholderWrapperProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {\n  loading: false,\n})\nconst props = useDefaults(_props, 'BPlaceholderWrapper')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  loading?: (props: Record<string, never>) => any\n}>()\n</script>\n"],"names":["_props","__props","props","useDefaults","widthString","computed","width","toString","replace","colsString","cols","computedClasses","value","variant","size","wrapperClasses","animation","computedStyle","defaultAttrs","footerComponent","noButton","BPlaceholder","BPlaceholderButton","columnsToNumber","useToNumber","columns","rowsToNumber","rows","computedHeaderColumns","headerColumns","NaN","computedFooterColumns","footerColumns","headerColumnsNumber","footerColumnsNumber","columnsNumber","rowsNumber","computedHeaderColumnsLength","computedFooterColumnsLength"],"mappings":"yeAqBA,MAAMA,EAASC,EASTC,EAAQC,EAAAA,YAAYH,EAAQ,gBAE5BI,EAAcC,EAAAA,UAAS,SACX,IAAhBH,EAAMI,WACF,EACuB,iBAAhBJ,EAAMI,MACXJ,EAAMI,MAAMC,WACZL,EAAMI,MAAME,QAAQ,IAAK,MAG3BC,EAAaJ,EAAAA,UAAS,SACX,IAAfH,EAAMQ,UACF,EACsB,iBAAfR,EAAMQ,KACXR,EAAMQ,KAAKH,WACXL,EAAMQ,OAGRC,EAAkBN,EAAAA,UAAS,KAAO,CACtC,CAAC,OAAOI,EAAWG,cAA+B,IAArBH,EAAWG,YAA6C,IAAtBR,EAAYQ,MAC3E,CAAC,MAAMV,EAAMW,WAA8B,OAAlBX,EAAMW,QAC/B,CAAC,eAAeX,EAAMY,QAAwB,OAAfZ,EAAMY,SAGjCC,EAAiBV,EAAAA,UAAS,KAAO,CACrC,CAAC,eAAeH,EAAMc,kBAAkC,IAApBd,EAAMc,cAGtCC,EAAgBZ,EAAAA,UAAwB,KAAO,CACnDC,WAA6B,IAAtBF,EAAYQ,WAAsB,EAAY,GAAGR,EAAYQ,qhBCzCtE,MAAMZ,EAASC,EAOTC,EAAQC,EAAAA,YAAYH,EAAQ,sBAE5BW,EAAkBN,EAAAA,UAAS,KAAO,CACtC,CAAC,OAAOH,EAAMW,WAA8B,OAAlBX,EAAMW,s5BC2BlC,MAAMb,EAASC,EAqBTC,EAAQC,EAAAA,YAAYH,EAAQ,oBAa5BkB,EAAeb,EAAAA,UAAS,KAAO,CACnCW,UAAWd,EAAMc,UACjBF,KAAMZ,EAAMY,KACZD,QAASX,EAAMW,YAGXM,EAAkBd,EAAAA,UAAS,IAAQH,EAAMkB,SAAgCC,EAArBC,ioECxC1D,MAAMtB,EAASC,EAoBTC,EAAQC,EAAAA,YAAYH,EAAQ,qBAW5BuB,EAAkBC,EAAAA,aAAY,IAAMtB,EAAMuB,UAC1CC,EAAeF,EAAAA,aAAY,IAAMtB,EAAMyB,OACvCC,EAAwBvB,EAAAA,UAAS,IAAMH,EAAM2B,eAAiBC,MAC9DC,EAAwB1B,EAAAA,UAAS,IAAMH,EAAM8B,eAAiBF,MAC9DG,EAAsBT,cAAYI,GAClCM,EAAsBV,cAAYO,GAElCI,EAAgB9B,EAAAA,UAAS,IAAMkB,EAAgBX,OAAS,IACxDwB,EAAa/B,EAAAA,UAAS,IAAMqB,EAAad,OAAS,IAElDyB,EAA8BhC,EAAAA,UAAS,SACnB,IAAxBH,EAAM2B,cAA8BM,EAAcvB,MAAQqB,EAAoBrB,QAE1E0B,EAA8BjC,EAAAA,UAAS,SACnB,IAAxBH,EAAM8B,cAA8BG,EAAcvB,MAAQsB,EAAoBtB,guDC3FhF,MAAMZ,EAASC,EAGTC,EAAQC,EAAAA,YAAYH,EAAQ"}