@frollo/frollo-web-ui 8.1.0 → 8.1.2

package/cjs/index.js

@@ -8138,10 +8138,10 @@ var _hoisted_10$4 = {
 };
 var _hoisted_11$2 = ["aria-labelledby"];
 var _hoisted_12$2 = ["onClick"];
-var _hoisted_13$2 = {
+var _hoisted_13$1 = {
   "class": "flex items-center gap-x-2"
 };
-var _hoisted_14$2 = {
+var _hoisted_14$1 = {
   "class": "flex flex-col text-left"
 };
 var _hoisted_15$1 = {
@@ -8200,11 +8200,11 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: function onClick($event) {
             return _ctx.selectOption(option);
           }
-        }, [vue.createElementVNode("div", _hoisted_13$2, [option.image_url ? (vue.openBlock(), vue.createBlock(_component_FwImage, {
+        }, [vue.createElementVNode("div", _hoisted_13$1, [option.image_url ? (vue.openBlock(), vue.createBlock(_component_FwImage, {
           key: 0,
           src: option.image_url,
           "class": "w-[20px] h-[20px]"
-        }, null, 8, ["src"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_14$2, [vue.createElementVNode("span", null, vue.toDisplayString(option.label), 1), option.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, vue.toDisplayString(option.description), 1)) : vue.createCommentVNode("", true)])])], 10, _hoisted_12$2);
+        }, null, 8, ["src"])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_14$1, [vue.createElementVNode("span", null, vue.toDisplayString(option.label), 1), option.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, vue.toDisplayString(option.description), 1)) : vue.createCommentVNode("", true)])])], 10, _hoisted_12$2);
       }), 128))], 10, _hoisted_11$2), [[vue.vShow, _ctx.isOpen]])];
     }),
     _: 1
@@ -9331,8 +9331,7 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
     ChevronLeftSvg: render$O,
     ChevronRightSvg: render$P,
     FwLoadingBar: script$k,
-    FwButton: script$f,
-    FwInput: script$m
+    FwButton: script$f
   },
   emits: [/** Fired when a row is clicked with row data */
   'rowClicked', /** Fired when a column is sorted */
@@ -9368,6 +9367,9 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
     },
     totalAmount: {
       type: Number
+    },
+    pageSize: {
+      type: Number
     }
   },
   setup: function setup(props, ctx) {
@@ -9377,39 +9379,15 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
     var sortBy = vue.ref('');
     var sortDirection = vue.ref('asc');
     var currentSortedColumn = vue.ref('');
-    var currentPage = vue.ref('1');
-    var maxDisplayedPages = 7;
-    var pages = vue.computed(function () {
-      if (!props.totalAmount) return;
-      var currentPageNumber = Number(currentPage.value);
-      var pageButtons = [];
-      var pageNumberLimit = currentPageNumber + maxDisplayedPages - 1;
-      var maxPageNumber = props.totalAmount - currentPageNumber < maxDisplayedPages ? props.totalAmount : pageNumberLimit + 1;
-      for (var i = currentPageNumber; i < maxPageNumber + 1; i++) {
-        pageButtons.push({
-          pageNumber: i.toString(),
-          selected: i.toString() === currentPage.value
-        });
-      }
-      if (props.totalAmount === maxDisplayedPages) {
-        return pageButtons;
-      }
-      if (props.totalAmount - currentPageNumber > maxDisplayedPages) {
-        pageButtons.push({
-          pageNumber: '...',
-          selected: false
-        }, {
-          pageNumber: props.totalAmount.toString(),
-          selected: false
-        });
-      }
-      ctx.emit('pageChanged', currentPage.value);
-      return pageButtons;
-    });
+    var currentPage = vue.ref(1);
+    var maxPageAmount = vue.ref();
     vue.onMounted(function () {
       if (Number(props.autoSortColumn) >= 0) {
         sortColumn(columns.value[Number(props.autoSortColumn)], false);
       }
+      if (props.totalAmount && props.pageSize) {
+        maxPageAmount.value = Math.ceil(props.totalAmount / props.pageSize);
+      }
     });
     var _useColours = useColours(),
       bgHoverColor = _useColours.primaryFade5;
@@ -9479,15 +9457,9 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
     var rowClicked = function rowClicked(row) {
       if (props.clickableRows) ctx.emit('rowClicked', row);
     };
-    var pageNumberClick = function pageNumberClick(pageNumber) {
-      if (pageNumber === '...') {
-        currentPage.value = (Number(currentPage.value) + maxDisplayedPages + 1).toString();
-        return;
-      }
-      currentPage.value = pageNumber;
-    };
     var pageArrowClick = function pageArrowClick(next) {
-      currentPage.value = Number(currentPage.value) + (next ? 1 : -1).toString();
+      currentPage.value = currentPage.value + (next ? 1 : -1);
+      ctx.emit('pageChanged', next);
     };
     return {
       columns: columns,
@@ -9503,8 +9475,7 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
       rowClicked: rowClicked,
       bgHoverColor: bgHoverColor,
       currentPage: currentPage,
-      pages: pages,
-      pageNumberClick: pageNumberClick,
+      maxPageAmount: maxPageAmount,
       pageArrowClick: pageArrowClick
     };
   }
@@ -9512,7 +9483,7 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
 var __injectCSSVars__$5 = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "c795d904": _ctx.bgHoverColor
+      "73ca01a2": _ctx.bgHoverColor
     };
   });
 };
@@ -9521,7 +9492,7 @@ __default__$6.setup = __setup__$5 ? function (props, ctx) {
   __injectCSSVars__$5();
   return __setup__$5(props, ctx);
 } : __injectCSSVars__$5;var _withScopeId$4 = function _withScopeId(n) {
-  return vue.pushScopeId("data-v-84c515f0"), n = n(), vue.popScopeId(), n;
+  return vue.pushScopeId("data-v-b2774452"), n = n(), vue.popScopeId(), n;
 };
 var _hoisted_1$p = {
   "class": "flex flex-col"
@@ -9553,30 +9524,20 @@ var _hoisted_10$1 = ["onClick", "tabindex", "onKeydown"];
 var _hoisted_11$1 = ["innerHTML"];
 var _hoisted_12$1 = {
   key: 0,
-  "class": "flex flex-row h-[44px] mt-8 px-64 space-x-2"
-};
-var _hoisted_13$1 = {
-  "class": "h-4 w-4"
+  "class": "flex flex-row justify-center h-[44px] mt-8 space-x-2 mb-[40px]"
 };
-var _hoisted_14$1 = /*#__PURE__*/_withScopeId$4(function () {
-  return /*#__PURE__*/vue.createElementVNode("strong", {
-    "class": "whitespace-nowrap px-4 self-center"
-  }, "Go to", -1);
-});
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ctx$options;
   var _component_ArrowSortSvg = vue.resolveComponent("ArrowSortSvg");
   var _component_ArrowDownSvg = vue.resolveComponent("ArrowDownSvg");
   var _component_FwLoadingBar = vue.resolveComponent("FwLoadingBar");
   var _component_ChevronLeftSvg = vue.resolveComponent("ChevronLeftSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
   var _component_ChevronRightSvg = vue.resolveComponent("ChevronRightSvg");
-  var _component_FwInput = vue.resolveComponent("FwInput");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createElementVNode("table", {
-    "class": vue.normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : '']),
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createElementVNode("table", vue.mergeProps(_ctx.$attrs, {
+    "class": ["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : ''],
     "aria-live": "polite",
     "aria-busy": _ctx.loading
-  }, [vue.createElementVNode("thead", _hoisted_3$j, [vue.createElementVNode("tr", null, [_ctx.$slots.preHead ? vue.renderSlot(_ctx.$slots, "preHead", {
+  }), [vue.createElementVNode("thead", _hoisted_3$j, [vue.createElementVNode("tr", null, [_ctx.$slots.preHead ? vue.renderSlot(_ctx.$slots, "preHead", {
     key: 0
   }) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, thKey) {
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -9647,9 +9608,9 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       row: row
     }) : vue.createCommentVNode("", true)], 42, _hoisted_10$1);
-  }), 128))])], 10, _hoisted_2$n), _ctx.enablePagination || (_ctx$options = _ctx.options) !== null && _ctx$options !== void 0 && _ctx$options.enablePagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [vue.createVNode(_component_FwButton, {
+  }), 128))])], 16, _hoisted_2$n), _ctx.enablePagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [vue.createVNode(_component_FwButton, {
     variant: 'tertiary',
-    disabled: _ctx.currentPage === '1',
+    disabled: _ctx.currentPage === 1,
     size: "sm",
     "class": "border-grey-40",
     onClick: _cache[0] || (_cache[0] = function ($event) {
@@ -9658,33 +9619,14 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "default": vue.withCtx(function () {
       return [vue.createVNode(_component_ChevronLeftSvg, {
-        "class": "h-4 w-4 text-red-500",
+        "class": "h-4 w-4",
         "stroke-width": "3"
       })];
     }),
     _: 1
-  }, 8, ["disabled"]), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.pages, function (page) {
-    return vue.openBlock(), vue.createBlock(_component_FwButton, {
-      rounded: "",
-      size: "sm",
-      key: page.pageNumber,
-      variant: page.selected ? 'tertiary' : 'secondary',
-      "class": vue.normalizeClass({
-        'border-none': !page.selected,
-        'bg-transparent': true
-      }),
-      onClick: function onClick($event) {
-        return _ctx.pageNumberClick(page.pageNumber);
-      }
-    }, {
-      "default": vue.withCtx(function () {
-        return [vue.createElementVNode("div", _hoisted_13$1, [vue.createElementVNode("strong", null, vue.toDisplayString(page.pageNumber), 1)])];
-      }),
-      _: 2
-    }, 1032, ["variant", "class", "onClick"]);
-  }), 128)), vue.createVNode(_component_FwButton, {
+  }, 8, ["disabled"]), vue.renderSlot(_ctx.$slots, "page"), vue.createVNode(_component_FwButton, {
     variant: 'tertiary',
-    disabled: _ctx.totalAmount && Number(_ctx.currentPage) === _ctx.totalAmount,
+    disabled: _ctx.currentPage === _ctx.maxPageAmount,
     size: "sm",
     "class": "border-grey-40",
     onClick: _cache[1] || (_cache[1] = function ($event) {
@@ -9697,20 +9639,11 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 1
-  }, 8, ["disabled"]), _hoisted_14$1, vue.createVNode(_component_FwInput, {
-    "center-align-input": "",
-    "class": "max-w-[66px] p-0 text-center",
-    name: "page",
-    modelValue: _ctx.currentPage,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
-      return _ctx.currentPage = $event;
-    }),
-    type: "tel"
-  }, null, 8, ["modelValue"])])) : vue.createCommentVNode("", true)]);
-}var css_248z$a = ".fw-table-head--sortable[data-v-84c515f0]:hover{background-color:var(--c795d904)}.fw-table-row[data-v-84c515f0]:hover{background-color:var(--c795d904)}";
-var stylesheet$a = ".fw-table-head--sortable[data-v-84c515f0]:hover{background-color:var(--c795d904)}.fw-table-row[data-v-84c515f0]:hover{background-color:var(--c795d904)}";
+  }, 8, ["disabled"])])) : vue.createCommentVNode("", true)]);
+}var css_248z$a = ".fw-table-head--sortable[data-v-b2774452]:hover{background-color:var(--73ca01a2)}.fw-table-row[data-v-b2774452]:hover{background-color:var(--73ca01a2)}";
+var stylesheet$a = ".fw-table-head--sortable[data-v-b2774452]:hover{background-color:var(--73ca01a2)}.fw-table-row[data-v-b2774452]:hover{background-color:var(--73ca01a2)}";
 styleInject(css_248z$a);__default__$6.render = render$f;
-__default__$6.__scopeId = "data-v-84c515f0";var script$9 = vue.defineComponent({
+__default__$6.__scopeId = "data-v-b2774452";var script$9 = vue.defineComponent({
   name: 'FwTableHead'
 });var _hoisted_1$o = {
   "class": "py-6 px-5 text-left font-medium"

package/esm/fw-provider-list.js

@@ -1,6 +1,6 @@
 import { e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
-import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-DhDvTJHm.js';
+import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-CBQBV4yq.js';
 import { s as script$1 } from './fw-input-BPFFMpc2.js';
 import { _ as __default__$1 } from './fw-tag-508OLlZR.js';
 import { s as script$3 } from './fw-button-DdxvSBFa.js';

package/esm/{fw-table-row-DhDvTJHm.js → fw-table-row-CBQBV4yq.js}

@@ -1,9 +1,8 @@
 import { g as render$3, h as render$4, i as render$5, f as render$6 } from './index-svDiDkSU.js';
-import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, withKeys, toDisplayString, createBlock, createVNode, withCtx } from 'vue';
+import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, renderSlot, createCommentVNode, Fragment, renderList, normalizeClass, withKeys, toDisplayString, createBlock, createVNode, withCtx } from 'vue';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
 import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
 import { s as script$3 } from './fw-button-DdxvSBFa.js';
-import { s as script$4 } from './fw-input-BPFFMpc2.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({
@@ -14,8 +13,7 @@ var __default__ = defineComponent({
     ChevronLeftSvg: render$5,
     ChevronRightSvg: render$6,
     FwLoadingBar: script$2,
-    FwButton: script$3,
-    FwInput: script$4
+    FwButton: script$3
   },
   emits: [/** Fired when a row is clicked with row data */
   'rowClicked', /** Fired when a column is sorted */
@@ -51,6 +49,9 @@ var __default__ = defineComponent({
     },
     totalAmount: {
       type: Number
+    },
+    pageSize: {
+      type: Number
     }
   },
   setup: function setup(props, ctx) {
@@ -60,39 +61,15 @@ var __default__ = defineComponent({
     var sortBy = ref('');
     var sortDirection = ref('asc');
     var currentSortedColumn = ref('');
-    var currentPage = ref('1');
-    var maxDisplayedPages = 7;
-    var pages = computed(function () {
-      if (!props.totalAmount) return;
-      var currentPageNumber = Number(currentPage.value);
-      var pageButtons = [];
-      var pageNumberLimit = currentPageNumber + maxDisplayedPages - 1;
-      var maxPageNumber = props.totalAmount - currentPageNumber < maxDisplayedPages ? props.totalAmount : pageNumberLimit + 1;
-      for (var i = currentPageNumber; i < maxPageNumber + 1; i++) {
-        pageButtons.push({
-          pageNumber: i.toString(),
-          selected: i.toString() === currentPage.value
-        });
-      }
-      if (props.totalAmount === maxDisplayedPages) {
-        return pageButtons;
-      }
-      if (props.totalAmount - currentPageNumber > maxDisplayedPages) {
-        pageButtons.push({
-          pageNumber: '...',
-          selected: false
-        }, {
-          pageNumber: props.totalAmount.toString(),
-          selected: false
-        });
-      }
-      ctx.emit('pageChanged', currentPage.value);
-      return pageButtons;
-    });
+    var currentPage = ref(1);
+    var maxPageAmount = ref();
     onMounted(function () {
       if (Number(props.autoSortColumn) >= 0) {
         sortColumn(columns.value[Number(props.autoSortColumn)], false);
       }
+      if (props.totalAmount && props.pageSize) {
+        maxPageAmount.value = Math.ceil(props.totalAmount / props.pageSize);
+      }
     });
     var _useColours = useColours(),
       bgHoverColor = _useColours.primaryFade5;
@@ -162,15 +139,9 @@ var __default__ = defineComponent({
     var rowClicked = function rowClicked(row) {
       if (props.clickableRows) ctx.emit('rowClicked', row);
     };
-    var pageNumberClick = function pageNumberClick(pageNumber) {
-      if (pageNumber === '...') {
-        currentPage.value = (Number(currentPage.value) + maxDisplayedPages + 1).toString();
-        return;
-      }
-      currentPage.value = pageNumber;
-    };
     var pageArrowClick = function pageArrowClick(next) {
-      currentPage.value = Number(currentPage.value) + (next ? 1 : -1).toString();
+      currentPage.value = currentPage.value + (next ? 1 : -1);
+      ctx.emit('pageChanged', next);
     };
     return {
       columns: columns,
@@ -186,8 +157,7 @@ var __default__ = defineComponent({
       rowClicked: rowClicked,
       bgHoverColor: bgHoverColor,
       currentPage: currentPage,
-      pages: pages,
-      pageNumberClick: pageNumberClick,
+      maxPageAmount: maxPageAmount,
       pageArrowClick: pageArrowClick
     };
   }
@@ -195,7 +165,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "c795d904": _ctx.bgHoverColor
+      "73ca01a2": _ctx.bgHoverColor
     };
   });
 };
@@ -206,7 +176,7 @@ __default__.setup = __setup__ ? function (props, ctx) {
 } : __injectCSSVars__;
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-84c515f0"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-b2774452"), n = n(), popScopeId(), n;
 };
 var _hoisted_1$2 = {
   "class": "flex flex-col"
@@ -238,30 +208,20 @@ var _hoisted_10 = ["onClick", "tabindex", "onKeydown"];
 var _hoisted_11 = ["innerHTML"];
 var _hoisted_12 = {
   key: 0,
-  "class": "flex flex-row h-[44px] mt-8 px-64 space-x-2"
+  "class": "flex flex-row justify-center h-[44px] mt-8 space-x-2 mb-[40px]"
 };
-var _hoisted_13 = {
-  "class": "h-4 w-4"
-};
-var _hoisted_14 = /*#__PURE__*/_withScopeId(function () {
-  return /*#__PURE__*/createElementVNode("strong", {
-    "class": "whitespace-nowrap px-4 self-center"
-  }, "Go to", -1);
-});
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ctx$options;
   var _component_ArrowSortSvg = resolveComponent("ArrowSortSvg");
   var _component_ArrowDownSvg = resolveComponent("ArrowDownSvg");
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   var _component_ChevronLeftSvg = resolveComponent("ChevronLeftSvg");
   var _component_FwButton = resolveComponent("FwButton");
   var _component_ChevronRightSvg = resolveComponent("ChevronRightSvg");
-  var _component_FwInput = resolveComponent("FwInput");
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("table", {
-    "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : '']),
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("table", mergeProps(_ctx.$attrs, {
+    "class": ["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : ''],
     "aria-live": "polite",
     "aria-busy": _ctx.loading
-  }, [createElementVNode("thead", _hoisted_3$1, [createElementVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
+  }), [createElementVNode("thead", _hoisted_3$1, [createElementVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
     key: 0
   }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
     return openBlock(), createElementBlock(Fragment, {
@@ -332,9 +292,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       row: row
     }) : createCommentVNode("", true)], 42, _hoisted_10);
-  }), 128))])], 10, _hoisted_2$1), _ctx.enablePagination || (_ctx$options = _ctx.options) !== null && _ctx$options !== void 0 && _ctx$options.enablePagination ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(_component_FwButton, {
+  }), 128))])], 16, _hoisted_2$1), _ctx.enablePagination ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(_component_FwButton, {
     variant: 'tertiary',
-    disabled: _ctx.currentPage === '1',
+    disabled: _ctx.currentPage === 1,
     size: "sm",
     "class": "border-grey-40",
     onClick: _cache[0] || (_cache[0] = function ($event) {
@@ -343,33 +303,14 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "default": withCtx(function () {
       return [createVNode(_component_ChevronLeftSvg, {
-        "class": "h-4 w-4 text-red-500",
+        "class": "h-4 w-4",
         "stroke-width": "3"
       })];
     }),
     _: 1
-  }, 8, ["disabled"]), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, function (page) {
-    return openBlock(), createBlock(_component_FwButton, {
-      rounded: "",
-      size: "sm",
-      key: page.pageNumber,
-      variant: page.selected ? 'tertiary' : 'secondary',
-      "class": normalizeClass({
-        'border-none': !page.selected,
-        'bg-transparent': true
-      }),
-      onClick: function onClick($event) {
-        return _ctx.pageNumberClick(page.pageNumber);
-      }
-    }, {
-      "default": withCtx(function () {
-        return [createElementVNode("div", _hoisted_13, [createElementVNode("strong", null, toDisplayString(page.pageNumber), 1)])];
-      }),
-      _: 2
-    }, 1032, ["variant", "class", "onClick"]);
-  }), 128)), createVNode(_component_FwButton, {
+  }, 8, ["disabled"]), renderSlot(_ctx.$slots, "page"), createVNode(_component_FwButton, {
     variant: 'tertiary',
-    disabled: _ctx.totalAmount && Number(_ctx.currentPage) === _ctx.totalAmount,
+    disabled: _ctx.currentPage === _ctx.maxPageAmount,
     size: "sm",
     "class": "border-grey-40",
     onClick: _cache[1] || (_cache[1] = function ($event) {
@@ -382,24 +323,15 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 1
-  }, 8, ["disabled"]), _hoisted_14, createVNode(_component_FwInput, {
-    "center-align-input": "",
-    "class": "max-w-[66px] p-0 text-center",
-    name: "page",
-    modelValue: _ctx.currentPage,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
-      return _ctx.currentPage = $event;
-    }),
-    type: "tel"
-  }, null, 8, ["modelValue"])])) : createCommentVNode("", true)]);
+  }, 8, ["disabled"])])) : createCommentVNode("", true)]);
 }
 
-var css_248z = ".fw-table-head--sortable[data-v-84c515f0]:hover{background-color:var(--c795d904)}.fw-table-row[data-v-84c515f0]:hover{background-color:var(--c795d904)}";
-var stylesheet = ".fw-table-head--sortable[data-v-84c515f0]:hover{background-color:var(--c795d904)}.fw-table-row[data-v-84c515f0]:hover{background-color:var(--c795d904)}";
+var css_248z = ".fw-table-head--sortable[data-v-b2774452]:hover{background-color:var(--73ca01a2)}.fw-table-row[data-v-b2774452]:hover{background-color:var(--73ca01a2)}";
+var stylesheet = ".fw-table-head--sortable[data-v-b2774452]:hover{background-color:var(--73ca01a2)}.fw-table-row[data-v-b2774452]:hover{background-color:var(--73ca01a2)}";
 styleInject(css_248z);
 
 __default__.render = render$2;
-__default__.__scopeId = "data-v-84c515f0";
+__default__.__scopeId = "data-v-b2774452";
 
 var script$1 = defineComponent({
   name: 'FwTableHead'

package/esm/fw-table.js

@@ -1,4 +1,4 @@
-export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-DhDvTJHm.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-CBQBV4yq.js';
 import './index-svDiDkSU.js';
 import 'vue';
 import './check--YD4Ts6g.js';
@@ -7,6 +7,3 @@ import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './fw-button-DdxvSBFa.js';
 import './fw-loading-spinner-BEzZf1xe.js';
-import './fw-input-BPFFMpc2.js';
-import './vee-validate.esm-3ptvCDR1.js';
-import './uniqueId-DK6xzFd8.js';

package/esm/index.js

@@ -29,7 +29,7 @@ import { s as script$5 } from './fw-dropdown-BcnKbaW1.js';
 import { s as script$2 } from './fw-card-bsYbpPmW.js';
 import { s as script$1 } from './fw-button-DdxvSBFa.js';
 import { _ as __default__$6 } from './fw-tag-508OLlZR.js';
-import { _ as __default__$5, s as script$i, a as script$j } from './fw-table-row-DhDvTJHm.js';
+import { _ as __default__$5, s as script$i, a as script$j } from './fw-table-row-CBQBV4yq.js';
 import { s as script$6 } from './fw-image-DedhILQL.js';
 import { s as script$8 } from './fw-loading-bar-DThRjdw1.js';
 import { s as script$a } from './fw-loading-spinner-BEzZf1xe.js';