@skeletonlabs/skeleton-svelte 4.1.5 → 4.2.0

package/dist/components/pagination/anatomy/first-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface PaginationFirstTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: PaginationFirstTriggerProps = $props();
+
+	const pagination = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			{
+				class: classesPagination.firstTrigger,
+				onclick: () => pagination().goToFirstPage(),
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/pagination/anatomy/first-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface PaginationFirstTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
+}
+declare const FirstTrigger: import("svelte").Component<PaginationFirstTriggerProps, {}, "">;
+type FirstTrigger = ReturnType<typeof FirstTrigger>;
+export default FirstTrigger;
+//# sourceMappingURL=first-trigger.svelte.d.ts.map

package/dist/components/pagination/anatomy/last-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface PaginationLastTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: PaginationLastTriggerProps = $props();
+
+	const pagination = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			{
+				class: classesPagination.lastTrigger,
+				onclick: () => pagination().goToLastPage(),
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/pagination/anatomy/last-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface PaginationLastTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
+}
+declare const LastTrigger: import("svelte").Component<PaginationLastTriggerProps, {}, "">;
+type LastTrigger = ReturnType<typeof LastTrigger>;
+export default LastTrigger;
+//# sourceMappingURL=last-trigger.svelte.d.ts.map

package/dist/components/pagination/anatomy/next-trigger.svelte

@@ -18,9 +18,9 @@
 
 	const attributes = $derived(
 		mergeProps(
-			pagination().getNextTriggerProps(),
 			{
 				class: classesPagination.nextTrigger,
+				onclick: pagination().getNextTriggerProps(),
 			},
 			rest,
 		),

package/dist/components/pagination/index.d.ts

@@ -7,4 +7,6 @@ export type { PaginationItemProps } from './anatomy/item.svelte';
 export type { PaginationRootContextProps } from './anatomy/root-context.svelte';
 export type { PaginationRootProps } from './anatomy/root.svelte';
 export type { PaginationEllipsisProps } from './anatomy/ellipsis.svelte';
+export type { PaginationFirstTriggerProps } from './anatomy/first-trigger.svelte';
+export type { PaginationLastTriggerProps } from './anatomy/last-trigger.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/modules/anatomy.d.ts

@@ -1,9 +1,11 @@
 export declare const Pagination: import("svelte").Component<import("../anatomy/root.svelte").PaginationRootProps, {}, ""> & {
     Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").PaginationRootProviderProps, {}, "">;
     Context: import("svelte").Component<import("../anatomy/root-context.svelte").PaginationRootContextProps, {}, "">;
+    FirstTrigger: import("svelte").Component<import("../anatomy/first-trigger.svelte").PaginationFirstTriggerProps, {}, "">;
     PrevTrigger: import("svelte").Component<import("../anatomy/prev-trigger.svelte").PaginationPrevTriggerProps, {}, "">;
     Item: import("svelte").Component<import("../anatomy/item.svelte").PaginationItemProps, {}, "">;
     Ellipsis: import("svelte").Component<import("../anatomy/ellipsis.svelte").PaginationEllipsisProps, {}, "">;
     NextTrigger: import("svelte").Component<import("../anatomy/next-trigger.svelte").PaginationNextTriggerProps, {}, "">;
+    LastTrigger: import("svelte").Component<import("../anatomy/last-trigger.svelte").PaginationLastTriggerProps, {}, "">;
 };
 //# sourceMappingURL=anatomy.d.ts.map

package/dist/components/pagination/modules/anatomy.js

@@ -1,5 +1,7 @@
 import Ellipsis from '../anatomy/ellipsis.svelte';
+import FirstTrigger from '../anatomy/first-trigger.svelte';
 import Item from '../anatomy/item.svelte';
+import LastTrigger from '../anatomy/last-trigger.svelte';
 import NextTrigger from '../anatomy/next-trigger.svelte';
 import PrevTrigger from '../anatomy/prev-trigger.svelte';
 import RootContext from '../anatomy/root-context.svelte';
@@ -8,8 +10,10 @@ import Root from '../anatomy/root.svelte';
 export const Pagination = Object.assign(Root, {
     Provider: RootProvider,
     Context: RootContext,
+    FirstTrigger: FirstTrigger,
     PrevTrigger: PrevTrigger,
     Item: Item,
     Ellipsis: Ellipsis,
     NextTrigger: NextTrigger,
+    LastTrigger: LastTrigger,
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "4.1.5",
+  "version": "4.2.0",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -22,47 +22,47 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@zag-js/accordion": "1.26.3",
-    "@zag-js/avatar": "1.26.3",
-    "@zag-js/collapsible": "1.26.3",
-    "@zag-js/collection": "1.26.3",
-    "@zag-js/combobox": "1.26.3",
-    "@zag-js/date-picker": "1.26.3",
-    "@zag-js/dialog": "1.26.3",
-    "@zag-js/file-upload": "1.26.3",
-    "@zag-js/listbox": "1.26.3",
-    "@zag-js/pagination": "1.26.3",
-    "@zag-js/popover": "1.26.3",
-    "@zag-js/progress": "1.26.3",
-    "@zag-js/radio-group": "1.26.3",
-    "@zag-js/rating-group": "1.26.3",
-    "@zag-js/slider": "1.26.3",
-    "@zag-js/svelte": "1.26.3",
-    "@zag-js/switch": "1.26.3",
-    "@zag-js/tabs": "1.26.3",
-    "@zag-js/tags-input": "1.26.3",
-    "@zag-js/toast": "1.26.3",
-    "@zag-js/toggle-group": "1.26.3",
-    "@zag-js/tooltip": "1.26.3",
-    "@zag-js/tree-view": "1.26.3",
-    "@skeletonlabs/skeleton-common": "4.1.5"
+    "@zag-js/accordion": "1.26.4",
+    "@zag-js/avatar": "1.26.4",
+    "@zag-js/collapsible": "1.26.4",
+    "@zag-js/collection": "1.26.4",
+    "@zag-js/combobox": "1.26.4",
+    "@zag-js/date-picker": "1.26.4",
+    "@zag-js/dialog": "1.26.4",
+    "@zag-js/file-upload": "1.26.4",
+    "@zag-js/listbox": "1.26.4",
+    "@zag-js/pagination": "1.26.4",
+    "@zag-js/popover": "1.26.4",
+    "@zag-js/progress": "1.26.4",
+    "@zag-js/radio-group": "1.26.4",
+    "@zag-js/rating-group": "1.26.4",
+    "@zag-js/slider": "1.26.4",
+    "@zag-js/svelte": "1.26.4",
+    "@zag-js/switch": "1.26.4",
+    "@zag-js/tabs": "1.26.4",
+    "@zag-js/tags-input": "1.26.4",
+    "@zag-js/toast": "1.26.4",
+    "@zag-js/toggle-group": "1.26.4",
+    "@zag-js/tooltip": "1.26.4",
+    "@zag-js/tree-view": "1.26.4",
+    "@skeletonlabs/skeleton-common": "4.2.0"
   },
   "peerDependencies": {
     "svelte": "^5.29.0"
   },
   "devDependencies": {
-    "@sveltejs/kit": "2.47.1",
+    "@sveltejs/kit": "2.47.3",
     "@sveltejs/package": "2.5.4",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/svelte": "5.2.8",
     "jsdom": "27.0.1",
-    "svelte": "5.41.0",
+    "svelte": "5.42.2",
     "svelte-check": "4.3.3",
     "typescript": "5.9.3",
     "vite": "7.1.10",
     "vitest": "3.2.4",
-    "@skeletonlabs/skeleton": "4.1.5"
+    "@skeletonlabs/skeleton": "4.2.0"
   },
   "license": "MIT",
   "type": "module",