Merge commit '6039139a831aa9c8d9f9331eeb1f927163127680' into fix-5295-code-component-style-fix

src/lib/components/index.ts

@@ -1,6 +1,7 @@
 export { default as Modal } from './modal.svelte';
 export { default as Pagination } from './pagination.svelte';
 export { default as PaginationInline } from './paginationInline.svelte';
+export { default as Paginator } from './paginator.svelte';
 export { default as Card } from './card.svelte';
 export { default as CardGrid } from './cardGrid.svelte';
 export { default as CardContainer } from './cardContainer.svelte';

src/lib/components/paginator.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+    import PaginationInline from './paginationInline.svelte';
+
+    export let items = [];
+    export let limit = 5;
+
+    let offset = 0;
+
+    $: total = items?.length;
+    $: paginatedItems = items.slice(offset, offset + limit);
+</script>
+
+<slot {paginatedItems} />
+
+<div class="u-flex u-margin-block-start-32 u-main-space-between">
+    <p class="text">Total results: {total}</p>
+    <PaginationInline {limit} bind:offset sum={total} hidePages />
+</div>