\n {:else if item.bodyProps}\n onCheckBoxSelectionGroup(e)}\n />\n {/if}\n \n {/each}\n
\n","/**\n * Creates a debounced function that delays invoking `func` until after `wait` milliseconds have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} func - The function to debounce.\n * @param {number} wait - The number of milliseconds to delay.\n * @param {boolean=} immediate - Specify invoking on the leading edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n */\nexport const debounce = (func, wait, immediate) => {\n let timeout;\n return function (...args) {\n let context = this;\n clearTimeout(timeout);\n if (immediate && !timeout) {\n func.apply(context, args);\n }\n timeout = setTimeout(function () {\n timeout = null;\n if (!immediate) {\n func.apply(context, args);\n }\n }, wait);\n };\n};\n","\n\n
\n\n","/**\n * Determines the pages to be displayed in the pagination component.\n *\n * @param {number} totalPages - The total number of totalPages.\n * @param {number} maxVisiblePages - The maximum number of pages that can be navigated directly.\n * @param {number} currentPage - The current page number.\n * @returns {Object} An object containing the start page, previous pages, visible pages, next pages, and end page.\n */\n\nexport const pagination = (totalPages = 0, maxVisiblePages = 5, currentPage = 1) => {\n /**\n *\n * @param {boolean} hasPagesOtherThanFirstAndLast - Indicates if there are pages other than the first and last page.\n * @param {boolean} shouldEllipse - Indicates if the pagination should display ellipses for hidden pages.\n * @param {boolean} shouldEllipsePrevious - Indicates if the pagination should display an ellipse before the current page.\n * @param {boolean} shouldEllipseNext - Indicates if the pagination should display an ellipse after the current page.\n */\n\n const shouldEllipse = totalPages > maxVisiblePages - 2 && totalPages !== maxVisiblePages;\n const shouldEllipsePrevious = shouldEllipse && currentPage > maxVisiblePages - 2;\n const shouldEllipseNext = shouldEllipse && totalPages - currentPage > maxVisiblePages - 2;\n const hasPagesOtherThanFirstAndLast = totalPages > 2;\n const startPage = 2; // 1 is fixed\n\n /**\n * Generates an array of page numbers from start to end.\n *\n * @param {number} start - The first page number.\n * @param {number} end - The last page number.\n * @returns {number[]} An array of page numbers.\n */\n const generatePages = (start, end) =>\n Array(end - start)\n .fill()\n .map((_, i) => i + start);\n\n let previousPages = [];\n let visiblePages = [];\n let nextPages = [];\n\n if (hasPagesOtherThanFirstAndLast) {\n if (!shouldEllipse) {\n visiblePages = generatePages(startPage, totalPages);\n } else if (!shouldEllipsePrevious) {\n // Generate all pages from 2 to maxVisiblePages\n visiblePages = generatePages(startPage, maxVisiblePages);\n\n // Generate nextPages dropdown from last item in visiblePages to totalPages\n const generatedNextPages = generatePages(visiblePages.slice(-1)[0] + 1, totalPages);\n\n // Only show nextPages dropdown if there is more than one item\n if (generatedNextPages.length > 1) {\n nextPages = generatedNextPages;\n } else {\n // Empty dropdown\n nextPages = [];\n\n const toPage = maxVisiblePages + 1; // need to add 1 because we need to include the item we removed from nextPages\n\n // Generate visiblePages\n visiblePages = generatePages(startPage, toPage);\n }\n } else if (shouldEllipseNext) {\n // Generate previousPages pages from 2 to the current page\n previousPages = generatePages(startPage, currentPage);\n\n // Only show previousPages dropdown if there is more than one item\n if (previousPages.length > 1) {\n const fromPage = currentPage;\n\n // Generate visiblePages\n const generatedVisiblePages = generatePages(\n fromPage,\n // discounting the first and the last page from maxVisiblePages, which are fixed values.\n currentPage + (maxVisiblePages - 2)\n );\n\n let toPage;\n\n // Check if the last item in generatedVisiblePages is equal to the totalPages - 2.\n if (generatedVisiblePages.slice(-1)[0] === totalPages - 2) {\n // Need to add + 1 to calculate the visiblePages, since we don't show ellipse with 1 item. So instead of removing 2 (fixed first and last), we remove only 1, so toPages gets an extra page.\n toPage = currentPage + (maxVisiblePages - 1);\n\n // Generate visiblePages\n visiblePages = generatePages(fromPage, toPage);\n } else {\n // Generate visiblePages\n visiblePages = generatedVisiblePages;\n }\n } else {\n // Empty dropdown\n previousPages = [];\n\n const fromPage = currentPage - 1;\n const toPage = currentPage + (maxVisiblePages - 3); // besides discounting the first and the last page from maxVisiblePages, we also discount the item we removed from previousPages.\n\n // Generate visiblePages\n visiblePages = generatePages(fromPage, toPage);\n }\n\n // Generate nextPages dropdown from last item in visiblePages to totalPages\n const generatedNextPages = generatePages(visiblePages.slice(-1)[0] + 1, totalPages);\n\n // Only show nextPages dropdown if there is more than one item\n if (generatedNextPages.length > 1) {\n nextPages = generatedNextPages;\n }\n } else {\n /* Only shows previousPages dropdown */\n\n // adding the first page and the last page, that are already visible to totalPages\n const fromPage = totalPages - maxVisiblePages + 2;\n const toPage = totalPages;\n\n // Generate visiblePages\n visiblePages = generatePages(fromPage, toPage);\n\n // Generate previousPages\n previousPages = generatePages(startPage, fromPage);\n }\n }\n\n return {\n start: totalPages >= 1 ? 1 : null,\n previousPages,\n visiblePages,\n nextPages,\n end: totalPages >= 1 ? totalPages : null\n };\n};\n","\n\n