@agnos-ui/angular-bootstrap 0.3.0 → 0.4.0-next.0

package/components/rating/rating.gen.d.ts

@@ -0,0 +1,179 @@
+import type { SlotContent, Widget, Directive } from '@agnos-ui/angular-headless';
+export interface RatingState {
+    /**
+     * the aria value of the rating
+     */
+    ariaValueText: string;
+    /**
+     * the visible value of the rating (it changes when hovering over the rating even though the real value did not change)
+     */
+    visibleRating: number;
+    /**
+     * is the rating interactive i.e. listening to hover, click and keyboard events
+     */
+    interactive: boolean;
+    /**
+     * the list of stars
+     */
+    stars: StarContext[];
+    /**
+     * The current rating. Could be a decimal value like `3.75`.
+     */
+    rating: number;
+    /**
+     * The maximum rating that can be given.
+     */
+    maxRating: number;
+    /**
+     * If `true`, the rating is disabled.
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the rating can't be changed.
+     */
+    readonly: boolean;
+    /**
+     * Define if the rating can be reset.
+     *
+     * If set to true, the user can 'unset' the rating value by cliking on the current rating value.
+     */
+    resettable: boolean;
+    /**
+     * Allows setting a custom rating tabindex.
+     * If the component is disabled, `tabindex` will still be set to `-1`.
+     */
+    tabindex: number;
+    /**
+     * The aria label
+     */
+    ariaLabel: string;
+    /**
+     * The aria labelled by
+     */
+    ariaLabelledBy: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * The template to override the way each star is displayed.
+     */
+    star: SlotContent<StarContext>;
+}
+export interface RatingProps {
+    /**
+     * Return the value for the 'aria-valuetext' attribute.
+     */
+    ariaValueTextFn: (rating: number, maxRating: number) => string;
+    /**
+     * An event emitted when the rating is changed.
+     *
+     * Event payload is equal to the newly selected rating.
+     */
+    onRatingChange: (rating: number) => void;
+    /**
+     * An event emitted when the user is hovering over a given rating.
+     *
+     * Event payload is equal to the rating being hovered over.
+     */
+    onHover: (rating: number) => void;
+    /**
+     * An event emitted when the user stops hovering over a given rating.
+     *
+     * Event payload is equal to the rating of the last item being hovered over.
+     */
+    onLeave: (rating: number) => void;
+    /**
+     * The current rating. Could be a decimal value like `3.75`.
+     */
+    rating: number;
+    /**
+     * The maximum rating that can be given.
+     */
+    maxRating: number;
+    /**
+     * If `true`, the rating is disabled.
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the rating can't be changed.
+     */
+    readonly: boolean;
+    /**
+     * Define if the rating can be reset.
+     *
+     * If set to true, the user can 'unset' the rating value by cliking on the current rating value.
+     */
+    resettable: boolean;
+    /**
+     * Allows setting a custom rating tabindex.
+     * If the component is disabled, `tabindex` will still be set to `-1`.
+     */
+    tabindex: number;
+    /**
+     * The aria label
+     */
+    ariaLabel: string;
+    /**
+     * The aria labelled by
+     */
+    ariaLabelledBy: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * The template to override the way each star is displayed.
+     */
+    star: SlotContent<StarContext>;
+}
+export type RatingWidget = Widget<RatingProps, RatingState, object, RatingActions, RatingDirectives>;
+export interface StarContext {
+    /**
+     * indicates how much the current star is filled, from 0 to 100
+     */
+    fill: number;
+    /**
+     * the position of the star in the rating
+     */
+    index: number;
+}
+export interface RatingDirectives {
+    /**
+     * A directive to be applied to the main container
+     * This will handle the keydown, mouseleave, tabindex and aria attributes
+     */
+    containerDirective: Directive;
+    /**
+     * A directive to be applied on each star element
+     */
+    starDirective: Directive<{
+        index: number;
+    }>;
+}
+export interface RatingActions {
+    /**
+     * Method to be used when a star is clicked.
+     *
+     * To be used in the onclick event of a star
+     */
+    click(index: number): void;
+    /**
+     * Method to be used when the mouse enter in a star.
+     *
+     * To be used in the onmouseenter of a star
+     */
+    hover(index: number): void;
+    /**
+     * Method to be used when the mouse leave the widget.
+     *
+     * To be used in the onmouseleave of the rating container
+     */
+    leave(): void;
+    /**
+     * Method to be used to handle the keyboard.
+     *
+     * To be used in the onkeydown of the rating container
+     */
+    handleKey(event: KeyboardEvent): void;
+}

package/components/select/select.component.d.ts

@@ -11,11 +11,11 @@ export declare class SelectBadgeLabelDirective<Item> {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectBadgeLabelDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SelectBadgeLabelDirective<any>, "ng-template[auSelectBadgeLabel]", never, {}, {}, never, never, true, never>;
 }
-export declare class SelectItemDirective<Item> {
+export declare class SelectItemLabelDirective<Item> {
     templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard<Item>(_dir: SelectItemDirective<Item>, context: unknown): context is SelectItemContext<Item>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectItemDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectItemDirective<any>, "ng-template[auSelectItem]", never, {}, {}, never, never, true, never>;
+    static ngTemplateContextGuard<Item>(_dir: SelectItemLabelDirective<Item>, context: unknown): context is SelectItemContext<Item>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectItemLabelDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectItemLabelDirective<any>, "ng-template[auSelectItemLabel]", never, {}, {}, never, never, true, never>;
 }
 export declare class SelectComponent<Item> extends BaseWidgetDirective<SelectWidget<Item>> implements AfterContentChecked {
     /**
@@ -68,10 +68,18 @@ export declare class SelectComponent<Item> extends BaseWidgetDirective<SelectWid
      * Class to be added on the dropdown menu container
      */
     menuClassName: string | undefined;
-    slotBadgeLabel: SlotContent<SelectItemContext<Item>>;
+    /**
+     * The template to override the way each badge on the left of the input is displayed.
+     * This define the content of the badge inside the badge container.
+     */
+    badgeLabel: SlotContent<SelectItemContext<Item>>;
     slotSelectBadgeLabelFromContent: SelectBadgeLabelDirective<Item> | undefined;
-    slotItem: SlotContent<SelectItemContext<Item>>;
-    slotSelectItemFromContent: SelectItemDirective<Item> | undefined;
+    /**
+     * The template to override the way each item is displayed in the list.
+     * This define the content of the badge inside the badge container.
+     */
+    itemLabel: SlotContent<SelectItemContext<Item>>;
+    slotSelectItemLabelFromContent: SelectItemLabelDirective<Item> | undefined;
     /**
      * Callback called when the text filter change
      */
@@ -100,7 +108,7 @@ export declare class SelectComponent<Item> extends BaseWidgetDirective<SelectWid
     itemCtxTrackBy(_: number, itemContext: ItemContext<Item>): string;
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "[auSelect]", never, { "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "id": { "alias": "auId"; "required": false; }; "items": { "alias": "auItems"; "required": false; }; "allowedPlacements": { "alias": "auAllowedPlacements"; "required": false; }; "open": { "alias": "auOpen"; "required": false; }; "filterText": { "alias": "auFilterText"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "selected": { "alias": "auSelected"; "required": false; }; "loading": { "alias": "auLoading"; "required": false; }; "itemIdFn": { "alias": "auItemIdFn"; "required": false; }; "menuClassName": { "alias": "auMenuClassName"; "required": false; }; "slotBadgeLabel": { "alias": "auSlotBadgeLabel"; "required": false; }; "slotItem": { "alias": "auSlotItem"; "required": false; }; "menuItemClassName": { "alias": "auMenuItemClassName"; "required": false; }; "badgeClassName": { "alias": "auBadgeClassName"; "required": false; }; "navSelector": { "alias": "auNavSelector"; "required": false; }; }, { "filterTextChange": "auFilterTextChange"; "selectedChange": "auSelectedChange"; "openChange": "auOpenChange"; }, ["slotSelectBadgeLabelFromContent", "slotSelectItemFromContent"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "[auSelect]", never, { "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "id": { "alias": "auId"; "required": false; }; "items": { "alias": "auItems"; "required": false; }; "allowedPlacements": { "alias": "auAllowedPlacements"; "required": false; }; "open": { "alias": "auOpen"; "required": false; }; "filterText": { "alias": "auFilterText"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "selected": { "alias": "auSelected"; "required": false; }; "loading": { "alias": "auLoading"; "required": false; }; "itemIdFn": { "alias": "auItemIdFn"; "required": false; }; "menuClassName": { "alias": "auMenuClassName"; "required": false; }; "badgeLabel": { "alias": "auBadgeLabel"; "required": false; }; "itemLabel": { "alias": "auItemLabel"; "required": false; }; "menuItemClassName": { "alias": "auMenuItemClassName"; "required": false; }; "badgeClassName": { "alias": "auBadgeClassName"; "required": false; }; "navSelector": { "alias": "auNavSelector"; "required": false; }; }, { "filterTextChange": "auFilterTextChange"; "selectedChange": "auSelectedChange"; "openChange": "auOpenChange"; }, ["slotSelectBadgeLabelFromContent", "slotSelectItemLabelFromContent"], never, true, never>;
     static ngAcceptInputType_open: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_loading: unknown;

package/components/select/select.d.ts

@@ -1,8 +1,5 @@
-import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, PropsConfig } from '@agnos-ui/angular-headless';
-export * from '@agnos-ui/core-bootstrap/components/select';
-export type SelectWidget<Item> = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/select').SelectWidget<Item>>;
-export type SelectProps<Item> = WidgetProps<SelectWidget<Item>>;
-export type SelectState<Item> = WidgetState<SelectWidget<Item>>;
-export type SelectContext<Item> = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/select').SelectContext<Item>>;
-export type SelectItemContext<Item> = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/select').SelectItemContext<Item>>;
+import type { PropsConfig } from '@agnos-ui/angular-headless';
+import type { SelectProps, SelectWidget } from './select.gen';
+export type * from './select.gen';
 export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;
+export declare const getSelectDefaultConfig: () => SelectProps<any>;

package/components/select/select.gen.d.ts

@@ -0,0 +1,291 @@
+import type { WidgetSlotContext, SlotContent, Widget, HasFocus, FloatingUI, Directive } from '@agnos-ui/angular-headless';
+import type { Placement } from '@floating-ui/dom';
+export type SelectContext<Item> = WidgetSlotContext<SelectWidget<Item>>;
+export type SelectItemContext<Item> = SelectContext<Item> & {
+    /**
+     * Contextual data related to an item
+     */
+    itemContext: ItemContext<Item>;
+};
+export interface SelectState<Item> {
+    /**
+     * List of item contexts, to be displayed in the menu
+     */
+    visibleItems: ItemContext<Item>[];
+    /**
+     * List of selected items to be display
+     */
+    selectedContexts: ItemContext<Item>[];
+    /**
+     * Highlighted item context.
+     * It is designed to define the highlighted item in the dropdown menu
+     */
+    highlighted: ItemContext<Item> | undefined;
+    /**
+     * Current placement of the dropdown
+     */
+    placement: Placement | undefined;
+    /**
+     * id used for the input inside the select
+     */
+    id: string | undefined;
+    /**
+     * aria-label used for the input inside the select
+     */
+    ariaLabel: string | undefined;
+    /**
+     * List of selected item ids
+     */
+    selected: Item[];
+    /**
+     * Filtered text to be display in the filter input
+     */
+    filterText: string;
+    /**
+     * true if the select is disabled
+     */
+    disabled: boolean;
+    /**
+     * true if the select is open
+     */
+    open: boolean;
+    /**
+     * Class to be added on the dropdown menu container
+     */
+    menuClassName: string;
+    /**
+     * Class to be added on menu items
+     */
+    menuItemClassName: string;
+    /**
+     * Class to be added on selected items (displayed in the input zone)
+     */
+    badgeClassName: string;
+    /**
+     * true if a loading process is being done
+     */
+    loading: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * The template to override the way each badge on the left of the input is displayed.
+     * This define the content of the badge inside the badge container.
+     */
+    badgeLabel: SlotContent<SelectItemContext<Item>>;
+    /**
+     * The template to override the way each item is displayed in the list.
+     * This define the content of the badge inside the badge container.
+     */
+    itemLabel: SlotContent<SelectItemContext<Item>>;
+}
+export interface SelectProps<Item> {
+    /**
+     * List of available items for the dropdown
+     */
+    items: Item[];
+    /**
+     * List of allowed placements for the dropdown.
+     * This refers to the [allowedPlacements from floating UI](https://floating-ui.com/docs/autoPlacement#allowedplacements), given the different [Placement possibilities](https://floating-ui.com/docs/computePosition#placement).
+     */
+    allowedPlacements: Placement[];
+    /**
+     * Custom function to get the id of an item
+     * By default, the item is returned
+     */
+    itemIdFn(item: Item): string;
+    /**
+     * Retrieves navigable elements within an HTML element containing badges and the input.
+     */
+    navSelector(node: HTMLElement): NodeListOf<HTMLSpanElement | HTMLInputElement>;
+    /**
+     * Callback called dropdown open state change
+     */
+    onOpenChange(isOpen: boolean): void;
+    /**
+     * Callback called when the text filter change
+     */
+    onFilterTextChange(text: string): void;
+    /**
+     * Callback called when the selection change
+     */
+    onSelectedChange(selected: Item[]): void;
+    /**
+     * id used for the input inside the select
+     */
+    id: string | undefined;
+    /**
+     * aria-label used for the input inside the select
+     */
+    ariaLabel: string | undefined;
+    /**
+     * List of selected item ids
+     */
+    selected: Item[];
+    /**
+     * Filtered text to be display in the filter input
+     */
+    filterText: string;
+    /**
+     * true if the select is disabled
+     */
+    disabled: boolean;
+    /**
+     * true if the select is open
+     */
+    open: boolean;
+    /**
+     * Class to be added on the dropdown menu container
+     */
+    menuClassName: string;
+    /**
+     * Class to be added on menu items
+     */
+    menuItemClassName: string;
+    /**
+     * Class to be added on selected items (displayed in the input zone)
+     */
+    badgeClassName: string;
+    /**
+     * true if a loading process is being done
+     */
+    loading: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * The template to override the way each badge on the left of the input is displayed.
+     * This define the content of the badge inside the badge container.
+     */
+    badgeLabel: SlotContent<SelectItemContext<Item>>;
+    /**
+     * The template to override the way each item is displayed in the list.
+     * This define the content of the badge inside the badge container.
+     */
+    itemLabel: SlotContent<SelectItemContext<Item>>;
+}
+export type SelectWidget<Item> = Widget<SelectProps<Item>, SelectState<Item>, SelectApi<Item>, SelectActions<Item>, SelectDirectives<Item>>;
+export interface ItemContext<T> {
+    /**
+     * Original item given in the parameters
+     */
+    item: T;
+    /**
+     * Unique id to identify the item
+     */
+    id: string;
+    /**
+     * Specify if the item is checked
+     */
+    selected: boolean;
+}
+export interface SelectApi<Item> {
+    /**
+     * Clear all the selected items
+     */
+    clear(): void;
+    /**
+     * Clear the filter text
+     */
+    clearText(): void;
+    /**
+     * Highlight the given item, if there is a corresponding match among the visible list
+     */
+    highlight(item: Item): void;
+    /**
+     * Highlight the first item among the visible list
+     */
+    highlightFirst(): void;
+    /**
+     * Highlight the previous item among the visible list
+     * Loop to the last item if needed
+     */
+    highlightPrevious(): void;
+    /**
+     * Highlight the next item among the visible list.
+     * Loop to the first item if needed
+     */
+    highlightNext(): void;
+    /**
+     * Highlight the last item among the visible list
+     */
+    highlightLast(): void;
+    /**
+     * Select the provided item.
+     * The selected list is used to
+     */
+    select(item: Item): void;
+    /**
+     * Unselect the provided item.
+     */
+    unselect(item: Item): void;
+    /**
+     * Toggle the selection of an item
+     */
+    toggleItem(item: Item, selected?: boolean): void;
+    /**
+     * open the select
+     */
+    open(): void;
+    /**
+     * close the select
+     */
+    close(): void;
+    /**
+     * Toggle the dropdown menu
+     */
+    toggle(isOpen?: boolean): void;
+}
+export interface SelectDirectives<Item> {
+    /**
+     * Directive to be used in the input group and the menu containers
+     */
+    hasFocusDirective: HasFocus['directive'];
+    /**
+     * Directive that enables dynamic positioning of menu element
+     */
+    floatingDirective: FloatingUI['directives']['floatingDirective'];
+    /**
+     * A directive to be applied to the input group element serves as the base for menu positioning
+     */
+    referenceDirective: FloatingUI['directives']['referenceDirective'];
+    /**
+     * A directive to be applied to the element that contains the badges and the input
+     */
+    inputContainerDirective: Directive;
+    /**
+     * A directive that applies all the necessary attributes to the container badges
+     */
+    badgeAttributesDirective: Directive<ItemContext<Item>>;
+    /**
+     * A directive that applies all the necessary attributes to the dropdown menu
+     */
+    menuAttributesDirective: Directive;
+    /**
+     * A directive that applies all the necessary attributes to the dropdown item
+     */
+    itemAttributesDirective: Directive<ItemContext<Item>>;
+}
+export interface SelectActions<Item> {
+    /**
+     * Method to be plugged to on the 'input' event. The input text will be used as the filter text.
+     */
+    onInput: (e: {
+        target: any;
+    }) => void;
+    /**
+     * Method to be attached to the node element to close a badge on click.
+     */
+    onRemoveBadgeClick: (event: MouseEvent, item: Item) => void;
+    /**
+     * Method to be plugged to on an keydown event of the main input, in order to control the keyboard interactions with the highlighted item.
+     * It manages arrow keys to move the highlighted item, or enter to toggle the item.
+     */
+    onInputKeydown: (event: KeyboardEvent) => void;
+    /**
+     * Method to be plugged to on an keydown event of a badge container, in order to manage main actions on badges.
+     */
+    onBadgeKeydown: (event: KeyboardEvent, item: Item) => void;
+}

package/components/slider/slider.component.d.ts

@@ -99,11 +99,20 @@ export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> i
      * Event payload equals to the updated slider values
      */
     valuesChange: EventEmitter<number[]>;
-    slotLabel: SlotContent<SliderSlotLabelContext>;
+    /**
+     * Slot to change the default labels of the slider
+     */
+    label: SlotContent<SliderSlotLabelContext>;
     slotLabelFromContent: SliderLabelDirective | undefined;
-    slotStructure: SlotContent<SliderContext>;
+    /**
+     * Slot to change the default display of the slider
+     */
+    structure: SlotContent<SliderContext>;
     slotStructureFromContent: SliderStructureDirective | undefined;
-    slotHandle: SlotContent<SliderSlotHandleContext>;
+    /**
+     * Slot to change the handlers
+     */
+    handle: SlotContent<SliderSlotHandleContext>;
     slotHandleFromContent: SliderHandleDirective | undefined;
     /**
      * Control value accessor methods
@@ -117,7 +126,7 @@ export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> i
     handleBlur(): void;
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "[auSlider]", never, { "className": { "alias": "auClassName"; "required": false; }; "min": { "alias": "auMin"; "required": false; }; "max": { "alias": "auMax"; "required": false; }; "stepSize": { "alias": "auStepSize"; "required": false; }; "values": { "alias": "auValues"; "required": false; }; "rtl": { "alias": "auRtl"; "required": false; }; "showValueLabels": { "alias": "auShowValueLabels"; "required": false; }; "showMinMaxLabels": { "alias": "auShowMinMaxLabels"; "required": false; }; "ariaLabelHandle": { "alias": "auAriaLabelHandle"; "required": false; }; "ariaValueText": { "alias": "auAriaValueText"; "required": false; }; "readonly": { "alias": "auReadonly"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "vertical": { "alias": "auVertical"; "required": false; }; "slotLabel": { "alias": "auSlotLabel"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "slotHandle": { "alias": "auSlotHandle"; "required": false; }; }, { "valuesChange": "auValuesChange"; }, ["slotLabelFromContent", "slotStructureFromContent", "slotHandleFromContent"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "[auSlider]", never, { "className": { "alias": "auClassName"; "required": false; }; "min": { "alias": "auMin"; "required": false; }; "max": { "alias": "auMax"; "required": false; }; "stepSize": { "alias": "auStepSize"; "required": false; }; "values": { "alias": "auValues"; "required": false; }; "rtl": { "alias": "auRtl"; "required": false; }; "showValueLabels": { "alias": "auShowValueLabels"; "required": false; }; "showMinMaxLabels": { "alias": "auShowMinMaxLabels"; "required": false; }; "ariaLabelHandle": { "alias": "auAriaLabelHandle"; "required": false; }; "ariaValueText": { "alias": "auAriaValueText"; "required": false; }; "readonly": { "alias": "auReadonly"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "vertical": { "alias": "auVertical"; "required": false; }; "label": { "alias": "auLabel"; "required": false; }; "structure": { "alias": "auStructure"; "required": false; }; "handle": { "alias": "auHandle"; "required": false; }; }, { "valuesChange": "auValuesChange"; }, ["slotLabelFromContent", "slotStructureFromContent", "slotHandleFromContent"], never, true, never>;
     static ngAcceptInputType_min: unknown;
     static ngAcceptInputType_max: unknown;
     static ngAcceptInputType_stepSize: unknown;

package/components/slider/slider.d.ts

@@ -1,9 +1,5 @@
-import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
-export * from '@agnos-ui/core-bootstrap/components/slider';
-export type SliderWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/slider').SliderWidget>;
-export type SliderProps = WidgetProps<SliderWidget>;
-export type SliderState = WidgetState<SliderWidget>;
-export type SliderContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/slider').SliderContext>;
-export type SliderSlotLabelContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/slider').SliderSlotLabelContext>;
-export type SliderSlotHandleContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/slider').SliderSlotHandleContext>;
+import type { WidgetFactory } from '@agnos-ui/angular-headless';
+import type { SliderProps, SliderWidget } from './slider.gen';
+export type * from './slider.gen';
 export declare const createSlider: WidgetFactory<SliderWidget>;
+export declare const getSliderDefaultConfig: () => SliderProps;