update pagination component

main
TZGyn 1 year ago
parent 9a044801db
commit 84dab2bef5
Signed by: TZGyn
GPG Key ID: 122EAF77AE81FD4A

Binary file not shown.

@ -46,13 +46,13 @@
"apexcharts": "^3.44.0", "apexcharts": "^3.44.0",
"arctic": "^1.9.2", "arctic": "^1.9.2",
"argon2": "^0.41.0", "argon2": "^0.41.0",
"bits-ui": "^0.21.13", "bits-ui": "^0.21.15",
"clsx": "^2.0.0", "clsx": "^2.0.0",
"cmdk-sv": "^0.0.13", "cmdk-sv": "^0.0.13",
"drizzle-orm": "^0.32.1", "drizzle-orm": "^0.32.1",
"formsnap": "^1.0.0", "formsnap": "^1.0.0",
"he": "^1.2.0", "he": "^1.2.0",
"lucide-svelte": "^0.418.0", "lucide-svelte": "^0.441.0",
"mode-watcher": "^0.1.2", "mode-watcher": "^0.1.2",
"nanoid": "^5.0.3", "nanoid": "^5.0.3",
"node-html-parser": "^6.1.12", "node-html-parser": "^6.1.12",

@ -5,6 +5,7 @@ import Link from "./pagination-link.svelte";
import PrevButton from "./pagination-prev-button.svelte"; import PrevButton from "./pagination-prev-button.svelte";
import NextButton from "./pagination-next-button.svelte"; import NextButton from "./pagination-next-button.svelte";
import Ellipsis from "./pagination-ellipsis.svelte"; import Ellipsis from "./pagination-ellipsis.svelte";
export { export {
Root, Root,
Content, Content,

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils.js";
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
type $$Props = HTMLAttributes<HTMLUListElement>; type $$Props = HTMLAttributes<HTMLUListElement>;

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils.js";
import Ellipsis from "lucide-svelte/icons/ellipsis"; import Ellipsis from "lucide-svelte/icons/ellipsis";
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
type $$Props = HTMLAttributes<HTMLSpanElement>; type $$Props = HTMLAttributes<HTMLSpanElement>;

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils.js";
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
type $$Props = HTMLAttributes<HTMLLIElement>; type $$Props = HTMLAttributes<HTMLLIElement>;
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { Pagination as PaginationPrimitive } from "bits-ui"; import { Pagination as PaginationPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js"; import { cn } from "$lib/utils.js";
import { buttonVariants, type Props } from "$lib/components/ui/button/index.js"; import { type Props, buttonVariants } from "$lib/components/ui/button/index.js";
type $$Props = PaginationPrimitive.PageProps & type $$Props = PaginationPrimitive.PageProps &
Props & { Props & {

@ -11,7 +11,6 @@
export let perPage: $$Props["perPage"] = 10; export let perPage: $$Props["perPage"] = 10;
export let page: $$Props["page"] = 1; export let page: $$Props["page"] = 1;
export let siblingCount: $$Props["siblingCount"] = 1; export let siblingCount: $$Props["siblingCount"] = 1;
export { className as class }; export { className as class };
$: currentPage = page; $: currentPage = page;

Loading…
Cancel
Save