@agnos-ui/svelte-bootstrap 0.3.1 → 0.4.0-next.1

package/components/pagination/Pagination.svelte

@@ -5,8 +5,8 @@ import { callWidgetFactory } from "../../config";
 import PaginationDefaultPages from "./PaginationDefaultPages.svelte";
 import PaginationDefaultStructure from "./PaginationDefaultStructure.svelte";
 const defaultConfig = {
-  slotStructure: PaginationDefaultStructure,
-  slotPages: PaginationDefaultPages
+  structure: PaginationDefaultStructure,
+  pagesDisplay: PaginationDefaultPages
 };
 </script>
 
@@ -25,29 +25,27 @@ const widget = callWidgetFactory({
 });
 export const api = widget.api;
 const {
-  stores: { slotStructure$, ariaLabel$ },
+  stores: { structure$, ariaLabel$ },
   state$
 } = widget;
-$:
-  widget.patchChangedProps($$props);
-$:
-  slotContext = { widget: toSlotContextWidget(widget), state: $state$ };
+$: widget.patchChangedProps($$props);
+$: slotContext = { widget: toSlotContextWidget(widget), state: $state$ };
 </script>
 
 <!-- Should we put nav here ? how to custom the class of ul in this case ?-->
 <nav aria-label={$ariaLabel$}>
-	<Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
+	<Slot slotContent={$structure$} props={slotContext} let:component let:props>
 		<svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
 		<svelte:component this={component} {...props}>
-			<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 			<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 				><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 			>
-			<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 		</svelte:component>
 	</Slot>

package/components/pagination/Pagination.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { PaginationApi, PaginationProps, PaginationSlots } from './pagination';
 declare const __propDef: {
     props: {
@@ -8,12 +8,14 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: PaginationSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 type PaginationProps_ = typeof __propDef.props;
 export { PaginationProps_ as PaginationProps };
 export type PaginationEvents = typeof __propDef.events;
 type PaginationSlots_ = typeof __propDef.slots;
 export { PaginationSlots_ as PaginationSlots };
-export default class Pagination extends SvelteComponentTyped<PaginationProps_, PaginationEvents, PaginationSlots_> {
+export default class Pagination extends SvelteComponent<PaginationProps_, PaginationEvents, PaginationSlots_> {
     get api(): PaginationApi;
 }

package/components/pagination/PaginationDefaultPages.svelte

@@ -10,18 +10,18 @@ export let widget;
 	<li class="page-item" class:active={page === state.page} class:disabled={page === -1 || state.disabled}>
 		{#if page === -1}
 			<div class="page-link au-ellipsis" aria-hidden="true">
-				<Slot slotContent={state.slotEllipsis} props={{state, widget}} let:component let:props>
-					<svelte:fragment slot="slot" let:props><slot name="ellipsis" {...props} /></svelte:fragment>
+				<Slot slotContent={state.ellipsisLabel} props={{state, widget}} let:component let:props>
+					<svelte:fragment slot="slot" let:props><slot name="ellipsisLabel" {...props} /></svelte:fragment>
 					<svelte:component this={component} {...props}>
-						<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 						<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 							><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 						>
-						<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 						<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 					</svelte:component>
 				</Slot>
@@ -32,22 +32,22 @@ export let widget;
 			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageLink={{page}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.pageLink, {page}], [__AgnosUISveltePreprocess__classDirective, "page-link"])}
 				><!-- Remove the strange formatting with https://github.com/sveltejs/svelte/issues/3080
 				 --><Slot
-					slotContent={state.slotNumberLabel}
+					slotContent={state.numberLabel}
 					props={{state, widget, displayedPage: page}}
 					let:component
 					let:props
 				>
 					<svelte:fragment slot="slot" let:props><slot name="numberLabel" {...props} /></svelte:fragment>
 					<svelte:component this={component} {...props}>
-						<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 						<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 							><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 						>
-						<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 						<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 					</svelte:component>
 				</Slot>{#if state.page === page}<span class="visually-hidden">{state.activeLabel}</span>{/if}

package/components/pagination/PaginationDefaultPages.svelte.d.ts

@@ -1,15 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-import type { PaginationContext, PaginationSlots } from './pagination';
+import { SvelteComponent } from "svelte";
+import type { PaginationSlots } from './pagination';
 declare const __propDef: {
-    props: PaginationContext;
+    props: WidgetSlotContext<Widget<import("./pagination.gen").PaginationProps, import("./pagination.gen").PaginationState, import("./pagination.gen").PaginationApi, import("./pagination.gen").PaginationActions, import("./pagination.gen").PaginationDirectives>>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: PaginationSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PaginationDefaultPagesProps = typeof __propDef.props;
 export type PaginationDefaultPagesEvents = typeof __propDef.events;
 export type PaginationDefaultPagesSlots = typeof __propDef.slots;
-export default class PaginationDefaultPages extends SvelteComponentTyped<PaginationDefaultPagesProps, PaginationDefaultPagesEvents, PaginationDefaultPagesSlots> {
+export default class PaginationDefaultPages extends SvelteComponent<PaginationDefaultPagesProps, PaginationDefaultPagesEvents, PaginationDefaultPagesSlots> {
 }
 export {};

package/components/pagination/PaginationDefaultStructure.svelte

@@ -4,10 +4,8 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
 import { Slot } from "@agnos-ui/svelte-headless/slot";
 export let state;
 export let widget;
-$:
-  slotContext = { widget, state };
-$:
-  sizeClass = state.size ? `pagination-${state.size}` : "";
+$: slotContext = { widget, state };
+$: sizeClass = state.size ? `pagination-${state.size}` : "";
 </script>
 
 <ul class="au-pagination pagination {sizeClass} {state.className}">
@@ -16,18 +14,18 @@ $:
 			<!-- svelte-ignore a11y-missing-attribute -->
 			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageFirst {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageFirst, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
 				<span aria-hidden="true">
-					<Slot slotContent={state.slotFirst} props={slotContext} let:component let:props>
-						<svelte:fragment slot="slot" let:props><slot name="first" {...props} /></svelte:fragment>
+					<Slot slotContent={state.firstPageLabel} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="firstPageLabel" {...props} /></svelte:fragment>
 						<svelte:component this={component} {...props}>
-							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 							>
-							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 						</svelte:component>
 					</Slot>
@@ -40,18 +38,18 @@ $:
 			<!-- svelte-ignore a11y-missing-attribute -->
 			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pagePrev {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pagePrev, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
 				<span aria-hidden="true">
-					<Slot slotContent={state.slotPrevious} props={slotContext} let:component let:props>
-						<svelte:fragment slot="slot" let:props><slot name="previous" {...props} /></svelte:fragment>
+					<Slot slotContent={state.previousPageLabel} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="previousPageLabel" {...props} /></svelte:fragment>
 						<svelte:component this={component} {...props}>
-							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 							>
-							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 						</svelte:component>
 					</Slot>
@@ -59,18 +57,18 @@ $:
 			</a>
 		</li>
 	{/if}
-	<Slot slotContent={state.slotPages} props={slotContext} let:component let:props>
-		<svelte:fragment slot="slot" let:props><slot name="pages" {...props} /></svelte:fragment>
+	<Slot slotContent={state.pagesDisplay} props={slotContext} let:component let:props>
+		<svelte:fragment slot="slot" let:props><slot name="pagesDisplay" {...props} /></svelte:fragment>
 		<svelte:component this={component} {...props}>
-			<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 			<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 				><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 			>
-			<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 		</svelte:component>
 	</Slot>
@@ -79,18 +77,18 @@ $:
 			<!-- svelte-ignore a11y-missing-attribute -->
 			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageNext {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageNext, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
 				<span aria-hidden="true">
-					<Slot slotContent={state.slotNext} props={slotContext} let:component let:props>
-						<svelte:fragment slot="slot" let:props><slot name="next" {...props} /></svelte:fragment>
+					<Slot slotContent={state.nextPageLabel} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="nextPageLabel" {...props} /></svelte:fragment>
 						<svelte:component this={component} {...props}>
-							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 							>
-							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 						</svelte:component>
 					</Slot>
@@ -103,18 +101,18 @@ $:
 			<!-- svelte-ignore a11y-missing-attribute -->
 			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageLast {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageLast, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
 				<span aria-hidden="true">
-					<Slot slotContent={state.slotLast} props={slotContext} let:component let:props>
-						<svelte:fragment slot="slot" let:props><slot name="last" {...props} /></svelte:fragment>
+					<Slot slotContent={state.lastPageLabel} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="lastPageLabel" {...props} /></svelte:fragment>
 						<svelte:component this={component} {...props}>
-							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="ellipsisLabel" let:state let:widget><slot name="ellipsisLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="firstPageLabel" let:state let:widget><slot name="firstPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="lastPageLabel" let:state let:widget><slot name="lastPageLabel" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="nextPageLabel" let:state let:widget><slot name="nextPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
 								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
 							>
-							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
-							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="pagesDisplay" let:state let:widget><slot name="pagesDisplay" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previousPageLabel" let:state let:widget><slot name="previousPageLabel" {state} {widget} /></svelte:fragment>
 							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 						</svelte:component>
 					</Slot>

package/components/pagination/PaginationDefaultStructure.svelte.d.ts

@@ -1,15 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-import type { PaginationContext, PaginationSlots } from './pagination';
+import { SvelteComponent } from "svelte";
+import type { PaginationSlots } from './pagination';
 declare const __propDef: {
-    props: PaginationContext;
+    props: WidgetSlotContext<Widget<import("./pagination.gen").PaginationProps, import("./pagination.gen").PaginationState, import("./pagination.gen").PaginationApi, import("./pagination.gen").PaginationActions, import("./pagination.gen").PaginationDirectives>>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: PaginationSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PaginationDefaultStructureProps = typeof __propDef.props;
 export type PaginationDefaultStructureEvents = typeof __propDef.events;
 export type PaginationDefaultStructureSlots = typeof __propDef.slots;
-export default class PaginationDefaultStructure extends SvelteComponentTyped<PaginationDefaultStructureProps, PaginationDefaultStructureEvents, PaginationDefaultStructureSlots> {
+export default class PaginationDefaultStructure extends SvelteComponent<PaginationDefaultStructureProps, PaginationDefaultStructureEvents, PaginationDefaultStructureSlots> {
 }
 export {};

package/components/pagination/pagination.d.ts

@@ -1,18 +1,7 @@
-export * from '@agnos-ui/core-bootstrap/components/pagination';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType } from '@agnos-ui/svelte-headless/types';
-import type { PaginationWidget as CoreWidget, PaginationContext as CoreContext, PaginationNumberContext as CoreNumberContext } from '@agnos-ui/core-bootstrap/components/pagination';
-export interface PaginationWidget extends AdaptWidgetSlots<CoreWidget> {
-}
-export interface PaginationProps extends WidgetProps<PaginationWidget> {
-}
-export interface PaginationState extends WidgetState<PaginationWidget> {
-}
-export interface PaginationApi extends PropType<PaginationWidget, 'api'> {
-}
+import type { WidgetPropsSlots, WidgetFactory } from '@agnos-ui/svelte-headless/types';
+import type { PaginationProps, PaginationWidget } from './pagination.gen';
+export type * from './pagination.gen';
+export declare const createPagination: WidgetFactory<PaginationWidget>;
+export declare const getPaginationDefaultConfig: () => PaginationProps;
 export interface PaginationSlots extends WidgetPropsSlots<PaginationProps> {
 }
-export interface PaginationContext extends AdaptSlotContentProps<CoreContext> {
-}
-export interface PaginationNumberContext extends AdaptSlotContentProps<CoreNumberContext> {
-}
-export declare const createPagination: WidgetFactory<PaginationWidget>;