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

package/components/alert/alert.component.d.ts

@@ -38,7 +38,7 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> imp
     /**
      * The transition function will be executed when the alert is displayed or hidden.
      *
-     * Depending on the value of CommonAlertProps.animatedOnInit, the animation can be optionally skipped during the showing process.
+     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
      */
     transition: TransitionFn | undefined;
     /**
@@ -63,9 +63,15 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> imp
      * Accessibility close button label
      */
     ariaCloseButtonLabel: string | undefined;
-    slotDefault: SlotContent<AlertContext>;
-    slotDefaultFromContent: AlertBodyDirective | null;
-    slotStructure: SlotContent<AlertContext>;
+    /**
+     * Template for the alert content
+     */
+    children: SlotContent<AlertContext>;
+    slotDefaultFromContent: AlertBodyDirective | undefined;
+    /**
+     * Global template for the alert component
+     */
+    structure: SlotContent<AlertContext>;
     slotStructureFromContent: AlertStructureDirective | undefined;
     /**
      * Callback called when the alert visibility changed.
@@ -87,7 +93,7 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> imp
     readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AlertWidget>;
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "[auAlert]", never, { "type": { "alias": "auType"; "required": false; }; "dismissible": { "alias": "auDismissible"; "required": false; }; "transition": { "alias": "auTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "slotDefault": { "alias": "auSlotDefault"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotDefaultFromContent", "slotStructureFromContent"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "[auAlert]", never, { "type": { "alias": "auType"; "required": false; }; "dismissible": { "alias": "auDismissible"; "required": false; }; "transition": { "alias": "auTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "children": { "alias": "auChildren"; "required": false; }; "structure": { "alias": "auStructure"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotDefaultFromContent", "slotStructureFromContent"], ["*"], true, never>;
     static ngAcceptInputType_dismissible: unknown;
     static ngAcceptInputType_visible: unknown;
     static ngAcceptInputType_animatedOnInit: unknown;

package/components/alert/alert.d.ts

@@ -1,7 +1,5 @@
-import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
-export * from '@agnos-ui/core-bootstrap/components/alert';
-export type AlertWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/alert').AlertWidget>;
-export type AlertProps = WidgetProps<AlertWidget>;
-export type AlertState = WidgetState<AlertWidget>;
-export type AlertContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/alert').AlertContext>;
+import type { WidgetFactory } from '@agnos-ui/angular-headless';
+import type { AlertProps, AlertWidget } from './alert.gen';
+export type * from './alert.gen';
 export declare const createAlert: WidgetFactory<AlertWidget>;
+export declare const getAlertDefaultConfig: () => AlertProps;

package/components/alert/alert.gen.d.ts

@@ -0,0 +1,118 @@
+import type { WidgetSlotContext, SlotContent, TransitionFn, Widget, Directive } from '@agnos-ui/angular-headless';
+import type { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
+export type AlertContext = WidgetSlotContext<AlertWidget>;
+export interface AlertState {
+    /**
+     * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     */
+    dismissible: boolean;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Global template for the alert component
+     */
+    structure: SlotContent<AlertContext>;
+    /**
+     * Template for the alert content
+     */
+    children: SlotContent<AlertContext>;
+    /**
+     * Type of the alert, following bootstrap types.
+     */
+    type: BSContextualClass;
+}
+export interface AlertProps {
+    /**
+     * Callback called when the alert visibility changed.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the alert is hidden.
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the alert is shown.
+     */
+    onShown: () => void;
+    /**
+     * The transition function will be executed when the alert is displayed or hidden.
+     *
+     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
+     */
+    transition: TransitionFn;
+    /**
+     * If `true`, alert opening will be animated.
+     *
+     * Animation is triggered  when the `.open()` function is called
+     * or the visible prop is changed
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, alert closing will be animated.
+     *
+     * Animation is triggered  when clicked on the close button (×),
+     * via the `.close()` function or the visible prop is changed
+     */
+    animated: boolean;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     */
+    dismissible: boolean;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Global template for the alert component
+     */
+    structure: SlotContent<AlertContext>;
+    /**
+     * Template for the alert content
+     */
+    children: SlotContent<AlertContext>;
+    /**
+     * Type of the alert, following bootstrap types.
+     */
+    type: BSContextualClass;
+}
+export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, AlertDirectives>;
+export interface AlertApi {
+    /**
+     * Triggers alert closing programmatically (same as clicking on the close button (×)).
+     */
+    close(): void;
+    /**
+     * Triggers the alert to be displayed for the user.
+     */
+    open(): void;
+}
+export interface AlertDirectives {
+    /**
+     * the transition directive, piloting what is the visual effect of going from hidden to visible
+     */
+    transitionDirective: Directive;
+}

package/components/modal/modal.component.d.ts

@@ -120,16 +120,32 @@ export declare class ModalComponent<Data> extends BaseWidgetDirective<ModalWidge
      * Option to create a fullscreen modal, according to the bootstrap documentation.
      */
     fullscreen: boolean | undefined;
-    slotStructure: SlotContent<ModalContext<Data>>;
-    slotStructureFromContent: ModalStructureDirective<Data> | null;
-    slotHeader: SlotContent<ModalContext<Data>>;
-    slotHeaderFromContent: ModalHeaderDirective<Data> | null;
-    slotTitle: SlotContent<ModalContext<Data>>;
-    slotTitleFromContent: ModalTitleDirective<Data> | null;
-    slotDefault: SlotContent<ModalContext<Data>>;
-    slotDefaultFromContent: ModalBodyDirective<Data> | null;
-    slotFooter: SlotContent<ModalContext<Data>>;
-    slotFooterFromContent: ModalFooterDirective<Data> | null;
+    /**
+     * Structure of the modal.
+     * The default structure uses ModalCommonPropsAndState.header header, ModalCommonPropsAndState.children children and ModalCommonPropsAndState.footer footer.
+     */
+    structure: SlotContent<ModalContext<Data>>;
+    slotStructureFromContent: ModalStructureDirective<Data> | undefined;
+    /**
+     * Header of the modal. The default header includes ModalCommonPropsAndState.title title.
+     */
+    header: SlotContent<ModalContext<Data>>;
+    slotHeaderFromContent: ModalHeaderDirective<Data> | undefined;
+    /**
+     * Title of the modal.
+     */
+    title: SlotContent<ModalContext<Data>>;
+    slotTitleFromContent: ModalTitleDirective<Data> | undefined;
+    /**
+     * Body of the modal.
+     */
+    children: SlotContent<ModalContext<Data>>;
+    slotDefaultFromContent: ModalBodyDirective<Data> | undefined;
+    /**
+     * Footer of the modal.
+     */
+    footer: SlotContent<ModalContext<Data>>;
+    slotFooterFromContent: ModalFooterDirective<Data> | undefined;
     /**
      * Data to use in content slots
      */
@@ -139,7 +155,7 @@ export declare class ModalComponent<Data> extends BaseWidgetDirective<ModalWidge
      */
     visibleChange: EventEmitter<boolean>;
     /**
-     * Event to be triggered when the modal is about to be closed (i.e. the close method was called).
+     * Event to be triggered when the modal is about to be closed (i.e. the ModalApi.closeclose  method was called).
      */
     beforeClose: EventEmitter<ModalBeforeCloseEvent>;
     /**
@@ -154,7 +170,7 @@ export declare class ModalComponent<Data> extends BaseWidgetDirective<ModalWidge
     readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<ModalWidget<Data>>;
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent<any>, "[auModal]", never, { "animated": { "alias": "auAnimated"; "required": false; }; "backdropTransition": { "alias": "auBackdropTransition"; "required": false; }; "modalTransition": { "alias": "auModalTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "backdrop": { "alias": "auBackdrop"; "required": false; }; "closeOnOutsideClick": { "alias": "auCloseOnOutsideClick"; "required": false; }; "container": { "alias": "auContainer"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "backdropClass": { "alias": "auBackdropClass"; "required": false; }; "closeButton": { "alias": "auCloseButton"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "fullscreen": { "alias": "auFullscreen"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "slotHeader": { "alias": "auSlotHeader"; "required": false; }; "slotTitle": { "alias": "auSlotTitle"; "required": false; }; "slotDefault": { "alias": "auSlotDefault"; "required": false; }; "slotFooter": { "alias": "auSlotFooter"; "required": false; }; "contentData": { "alias": "auContentData"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "beforeClose": "auBeforeClose"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotStructureFromContent", "slotHeaderFromContent", "slotTitleFromContent", "slotDefaultFromContent", "slotFooterFromContent"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent<any>, "[auModal]", never, { "animated": { "alias": "auAnimated"; "required": false; }; "backdropTransition": { "alias": "auBackdropTransition"; "required": false; }; "modalTransition": { "alias": "auModalTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "backdrop": { "alias": "auBackdrop"; "required": false; }; "closeOnOutsideClick": { "alias": "auCloseOnOutsideClick"; "required": false; }; "container": { "alias": "auContainer"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "backdropClass": { "alias": "auBackdropClass"; "required": false; }; "closeButton": { "alias": "auCloseButton"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "fullscreen": { "alias": "auFullscreen"; "required": false; }; "structure": { "alias": "auStructure"; "required": false; }; "header": { "alias": "auHeader"; "required": false; }; "title": { "alias": "auTitle"; "required": false; }; "children": { "alias": "auChildren"; "required": false; }; "footer": { "alias": "auFooter"; "required": false; }; "contentData": { "alias": "auContentData"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "beforeClose": "auBeforeClose"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotStructureFromContent", "slotHeaderFromContent", "slotTitleFromContent", "slotDefaultFromContent", "slotFooterFromContent"], ["*"], true, never>;
     static ngAcceptInputType_animated: unknown;
     static ngAcceptInputType_visible: unknown;
     static ngAcceptInputType_backdrop: unknown;

package/components/modal/modal.d.ts

@@ -1,9 +1,6 @@
-import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, PropsConfig } from '@agnos-ui/angular-headless';
-export * from '@agnos-ui/core-bootstrap/components/modal';
-export interface ModalWidget<Data> extends AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/modal').ModalWidget<Data>> {
-}
-export type ModalProps<Data> = WidgetProps<ModalWidget<Data>>;
-export type ModalState<Data> = WidgetState<ModalWidget<Data>>;
-export interface ModalContext<Data> extends AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/modal').ModalContext<Data>> {
-}
+import type { PropsConfig } from '@agnos-ui/angular-headless';
+import type { ModalProps, ModalWidget } from './modal.gen';
+export type * from './modal.gen';
+export { modalCloseButtonClick, modalOutsideClick } from '@agnos-ui/angular-headless';
 export declare const createModal: <Data>(config?: PropsConfig<ModalProps<Data>>) => ModalWidget<Data>;
+export declare const getModalDefaultConfig: () => ModalProps<any>;

package/components/modal/modal.gen.d.ts

@@ -0,0 +1,238 @@
+import type { WidgetSlotContext, SlotContent, TransitionFn, Widget, Directive } from '@agnos-ui/angular-headless';
+export type ModalContext<Data> = WidgetSlotContext<ModalWidget<Data>>;
+export interface ModalState<Data> {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link ModalProps.backdropbackdrop} is false or
+     * because {@link ModalCommonPropsAndState.visiblevisible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Whether the modal is fully hidden.
+     */
+    hidden: boolean;
+    /**
+     * Whether there is an active transition to either display or hide the modal.
+     */
+    transitioning: boolean;
+    /**
+     * DOM element of the modal.
+     */
+    modalElement: HTMLElement | null;
+    /**
+     * Value of the aria-label attribute to put on the close button.
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * Classes to add on the backdrop DOM element.
+     */
+    backdropClass: string;
+    /**
+     * Whether to display the close button.
+     */
+    closeButton: boolean;
+    /**
+     * Which element should contain the modal and backdrop DOM elements.
+     * If it is not null, the modal and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     */
+    container: HTMLElement | null;
+    /**
+     * Whether the modal should be visible when the transition is completed.
+     */
+    visible: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Data to use in content slots
+     */
+    contentData: Data;
+    /**
+     * Body of the modal.
+     */
+    children: SlotContent<ModalContext<Data>>;
+    /**
+     * Footer of the modal.
+     */
+    footer: SlotContent<ModalContext<Data>>;
+    /**
+     * Header of the modal. The default header includes {@link ModalCommonPropsAndState.title title}.
+     */
+    header: SlotContent<ModalContext<Data>>;
+    /**
+     * Structure of the modal.
+     * The default structure uses {@link ModalCommonPropsAndState.header header}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.footer footer}.
+     */
+    structure: SlotContent<ModalContext<Data>>;
+    /**
+     * Title of the modal.
+     */
+    title: SlotContent<ModalContext<Data>>;
+    /**
+     * Option to create a fullscreen modal, according to the bootstrap documentation.
+     */
+    fullscreen: boolean;
+}
+export interface ModalProps<Data> {
+    /**
+     * Whether the modal and its backdrop (if present) should be animated when shown or hidden.
+     */
+    animated: boolean;
+    /**
+     * Whether a backdrop should be created behind the modal.
+     */
+    backdrop: boolean;
+    /**
+     * The transition to use for the backdrop behind the modal (if present).
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * Whether the modal should be closed when clicking on the viewport outside the modal.
+     */
+    closeOnOutsideClick: boolean;
+    /**
+     * The transition to use for the modal.
+     */
+    modalTransition: TransitionFn;
+    /**
+     * Event to be triggered when the modal is about to be closed (i.e. the {@link ModalApi.closeclose} method was called).
+     */
+    onBeforeClose: (event: ModalBeforeCloseEvent) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Event to be triggered when the transition is completed and the modal is not visible.
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the modal is visible.
+     */
+    onShown: () => void;
+    /**
+     * Value of the aria-label attribute to put on the close button.
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * Classes to add on the backdrop DOM element.
+     */
+    backdropClass: string;
+    /**
+     * Whether to display the close button.
+     */
+    closeButton: boolean;
+    /**
+     * Which element should contain the modal and backdrop DOM elements.
+     * If it is not null, the modal and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     */
+    container: HTMLElement | null;
+    /**
+     * Whether the modal should be visible when the transition is completed.
+     */
+    visible: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Data to use in content slots
+     */
+    contentData: Data;
+    /**
+     * Body of the modal.
+     */
+    children: SlotContent<ModalContext<Data>>;
+    /**
+     * Footer of the modal.
+     */
+    footer: SlotContent<ModalContext<Data>>;
+    /**
+     * Header of the modal. The default header includes {@link ModalCommonPropsAndState.title title}.
+     */
+    header: SlotContent<ModalContext<Data>>;
+    /**
+     * Structure of the modal.
+     * The default structure uses {@link ModalCommonPropsAndState.header header}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.footer footer}.
+     */
+    structure: SlotContent<ModalContext<Data>>;
+    /**
+     * Title of the modal.
+     */
+    title: SlotContent<ModalContext<Data>>;
+    /**
+     * Option to create a fullscreen modal, according to the bootstrap documentation.
+     */
+    fullscreen: boolean;
+}
+export interface ModalApi<Data> {
+    /**
+     * Method to change some modal properties.
+     */
+    patch: ModalWidget<Data>['patch'];
+    /**
+     * Closes the modal with the given result.
+     */
+    close(result?: any): void;
+    /**
+     * Opens the modal and returns a promise that is resolved when the modal is closed.
+     * The resolved value is the result passed to the {@link ModalApi.closeclose} method and possibly changed by the
+     * {@link ModalProps.onBeforeCloseonBeforeClose} event handler
+     */
+    open(): Promise<any>;
+}
+export type ModalWidget<Data> = Widget<ModalProps<Data>, ModalState<Data>, ModalApi<Data>, ModalActions, ModalDirectives>;
+export interface ModalBeforeCloseEvent {
+    /**
+     * Result of the modal, which is the value passed to the {@link ModalApi.closeclose} method
+     * and later resolved by the promise returned by the {@link ModalApi.openopen} method.
+     * If needed, it can be changed from the {@link ModalProps.onBeforeCloseonBeforeClose} event handler.
+     */
+    result: any;
+    /**
+     * Whether to cancel the close of the modal.
+     * It can be changed from the {@link ModalProps.onBeforeCloseonBeforeClose} event handler.
+     */
+    cancel: boolean;
+}
+export interface ModalActions {
+    /**
+     * Action to be called when the user clicks on the close button. It closes the modal with the {@link modalCloseButtonClick} result.
+     */
+    closeButtonClick(event: Pick<MouseEvent, never>): void;
+    /**
+     * Action to be called when the user clicks on the modal DOM element (which is supposed to have the size of the full viewport).
+     * If the click is not done on a descendant of the modal DOM element, it is considered to be done outside the modal
+     * and, depending on the value of the {@link ModalProps.closeOnOutsideClickcloseOnOutsideClick} prop, the modal is or isn't closed
+     * (with the {@link modalOutsideClick} result).
+     */
+    modalClick(event: Pick<MouseEvent, 'target' | 'currentTarget'>): void;
+}
+export interface ModalDirectives {
+    /**
+     * Directive to put on the modal DOM element.
+     */
+    modalDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Portal directive to put on the modal DOM element.
+     */
+    modalPortalDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the close button
+     */
+    closeButtonDirective: Directive;
+    /**
+     * Directive to apply to the dialog element when using the native [HTMLDialogElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement)
+     */
+    dialogDirective: Directive;
+}

package/components/pagination/pagination.component.d.ts

@@ -165,21 +165,63 @@ export declare class PaginationComponent extends BaseWidgetDirective<PaginationW
      */
     pageLink: ((pageNumber: number) => string) | undefined;
     readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<PaginationWidget>;
-    slotEllipsis: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the ellipsis slot
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     */
+    ellipsisLabel: SlotContent<PaginationContext>;
     slotEllipsisFromContent: PaginationEllipsisDirective | undefined;
-    slotFirst: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the first slot
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     */
+    firstPageLabel: SlotContent<PaginationContext>;
     slotFirstFromContent: PaginationFirstDirective | undefined;
-    slotPrevious: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the previous slot
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     */
+    previousPageLabel: SlotContent<PaginationContext>;
     slotPreviousFromContent: PaginationPreviousDirective | undefined;
-    slotNext: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the next slot
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     */
+    nextPageLabel: SlotContent<PaginationContext>;
     slotNextFromContent: PaginationNextDirective | undefined;
-    slotLast: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the last slot
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     */
+    lastPageLabel: SlotContent<PaginationContext>;
     slotLastFromContent: PaginationLastDirective | undefined;
-    slotPages: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the pages slot
+     * To use to customize the pages view
+     * override any configuration parameters provided for this
+     */
+    pagesDisplay: SlotContent<PaginationContext>;
     slotPagesFromContent: PaginationPagesDirective | undefined;
-    slotNumberLabel: SlotContent<PaginationNumberContext>;
+    /**
+     * The template to use for the number slot
+     * override any configuration parameters provided for this
+     * for I18n, we suggest to use the global configuration
+     */
+    numberLabel: SlotContent<PaginationNumberContext>;
     slotNumberLabelFromContent: PaginationNumberDirective | undefined;
-    slotStructure: SlotContent<PaginationContext>;
+    /**
+     * The template to use for the structure of the pagination component
+     * The default structure uses PaginationProps.ellipsisLabelellipsisLabel , PaginationProps.firstPageLabelfirstPageLabel ,
+     * PaginationProps.previousPageLabelpreviousPageLabel , PaginationProps.nextPageLabelnextPageLabel ,
+     * PaginationProps.lastPageLabellastPageLabel , PaginationProps.pagesDisplaypagesDisplay ,
+     * PaginationProps.numberLabelnumberLabel ,
+     */
+    structure: SlotContent<PaginationContext>;
     slotStructureFromContent: PaginationStructureDirective | undefined;
     /**
      * If `true`, pagination links will be disabled.
@@ -242,7 +284,7 @@ export declare class PaginationComponent extends BaseWidgetDirective<PaginationW
     className: string | undefined;
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "[auPagination]", never, { "ariaPageLabel": { "alias": "auAriaPageLabel"; "required": false; }; "ariaLiveLabel": { "alias": "auAriaLiveLabel"; "required": false; }; "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "activeLabel": { "alias": "auActiveLabel"; "required": false; }; "ariaFirstLabel": { "alias": "auAriaFirstLabel"; "required": false; }; "ariaPreviousLabel": { "alias": "auAriaPreviousLabel"; "required": false; }; "ariaNextLabel": { "alias": "auAriaNextLabel"; "required": false; }; "ariaLastLabel": { "alias": "auAriaLastLabel"; "required": false; }; "ariaEllipsisLabel": { "alias": "auAriaEllipsisLabel"; "required": false; }; "pageLink": { "alias": "auPageLink"; "required": false; }; "slotEllipsis": { "alias": "auSlotEllipsis"; "required": false; }; "slotFirst": { "alias": "auSlotFirst"; "required": false; }; "slotPrevious": { "alias": "auSlotPrevious"; "required": false; }; "slotNext": { "alias": "auSlotNext"; "required": false; }; "slotLast": { "alias": "auSlotLast"; "required": false; }; "slotPages": { "alias": "auSlotPages"; "required": false; }; "slotNumberLabel": { "alias": "auSlotNumberLabel"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "boundaryLinks": { "alias": "auBoundaryLinks"; "required": false; }; "directionLinks": { "alias": "auDirectionLinks"; "required": false; }; "collectionSize": { "alias": "auCollectionSize"; "required": false; }; "page": { "alias": "auPage"; "required": false; }; "pageSize": { "alias": "auPageSize"; "required": false; }; "size": { "alias": "auSize"; "required": false; }; "pagesFactory": { "alias": "auPagesFactory"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "pageChange": "auPageChange"; }, ["slotEllipsisFromContent", "slotFirstFromContent", "slotPreviousFromContent", "slotNextFromContent", "slotLastFromContent", "slotPagesFromContent", "slotNumberLabelFromContent", "slotStructureFromContent"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "[auPagination]", never, { "ariaPageLabel": { "alias": "auAriaPageLabel"; "required": false; }; "ariaLiveLabel": { "alias": "auAriaLiveLabel"; "required": false; }; "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "activeLabel": { "alias": "auActiveLabel"; "required": false; }; "ariaFirstLabel": { "alias": "auAriaFirstLabel"; "required": false; }; "ariaPreviousLabel": { "alias": "auAriaPreviousLabel"; "required": false; }; "ariaNextLabel": { "alias": "auAriaNextLabel"; "required": false; }; "ariaLastLabel": { "alias": "auAriaLastLabel"; "required": false; }; "ariaEllipsisLabel": { "alias": "auAriaEllipsisLabel"; "required": false; }; "pageLink": { "alias": "auPageLink"; "required": false; }; "ellipsisLabel": { "alias": "auEllipsisLabel"; "required": false; }; "firstPageLabel": { "alias": "auFirstPageLabel"; "required": false; }; "previousPageLabel": { "alias": "auPreviousPageLabel"; "required": false; }; "nextPageLabel": { "alias": "auNextPageLabel"; "required": false; }; "lastPageLabel": { "alias": "auLastPageLabel"; "required": false; }; "pagesDisplay": { "alias": "auPagesDisplay"; "required": false; }; "numberLabel": { "alias": "auNumberLabel"; "required": false; }; "structure": { "alias": "auStructure"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "boundaryLinks": { "alias": "auBoundaryLinks"; "required": false; }; "directionLinks": { "alias": "auDirectionLinks"; "required": false; }; "collectionSize": { "alias": "auCollectionSize"; "required": false; }; "page": { "alias": "auPage"; "required": false; }; "pageSize": { "alias": "auPageSize"; "required": false; }; "size": { "alias": "auSize"; "required": false; }; "pagesFactory": { "alias": "auPagesFactory"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "pageChange": "auPageChange"; }, ["slotEllipsisFromContent", "slotFirstFromContent", "slotPreviousFromContent", "slotNextFromContent", "slotLastFromContent", "slotPagesFromContent", "slotNumberLabelFromContent", "slotStructureFromContent"], never, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_boundaryLinks: unknown;
     static ngAcceptInputType_directionLinks: unknown;

package/components/pagination/pagination.d.ts

@@ -1,8 +1,5 @@
-import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
-export * from '@agnos-ui/core-bootstrap/components/pagination';
-export type PaginationWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/pagination').PaginationWidget>;
-export type PaginationProps = WidgetProps<PaginationWidget>;
-export type PaginationState = WidgetState<PaginationWidget>;
-export type PaginationContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/pagination').PaginationContext>;
-export type PaginationNumberContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/pagination').PaginationNumberContext>;
+import type { WidgetFactory } from '@agnos-ui/angular-headless';
+import type { PaginationProps, PaginationWidget } from './pagination.gen';
+export type * from './pagination.gen';
 export declare const createPagination: WidgetFactory<PaginationWidget>;
+export declare const getPaginationDefaultConfig: () => PaginationProps;