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

package/components/progressbar/progressbar.js

@@ -1,4 +1,3 @@
-export * from '@agnos-ui/core-bootstrap/components/progressbar';
-import { createProgressbar as coreCreateProgressbar } from '@agnos-ui/core-bootstrap/components/progressbar';
-// factory
+import { createProgressbar as coreCreateProgressbar, getProgressbarDefaultConfig as coreGetProgressbarDefaultConfig, } from '@agnos-ui/core-bootstrap/components/progressbar';
 export const createProgressbar = coreCreateProgressbar;
+export const getProgressbarDefaultConfig = coreGetProgressbarDefaultConfig;

package/components/rating/Rating.svelte

@@ -16,13 +16,11 @@ const widget = callWidgetFactory({
     }
   }
 });
-export const api = widget.api;
 const {
-  stores: { visibleRating$, stars$, slotStar$ },
+  stores: { visibleRating$, stars$, star$ },
   directives: { containerDirective, starDirective }
 } = widget;
-$:
-  widget.patchChangedProps($$props);
+$: widget.patchChangedProps($$props);
 </script>
 
 <div use:containerDirective use:__AgnosUISveltePreprocess__classDirective={"d-inline-flex"} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(containerDirective, [__AgnosUISveltePreprocess__classDirective, "d-inline-flex"])}>
@@ -30,7 +28,7 @@ $:
 	{#each $stars$ as { fill, index }}
 		<span class="visually-hidden">({index < $visibleRating$ ? '*' : ' '})</span>
 		<span use:starDirective={{index}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([starDirective, {index}])}>
-			<Slot slotContent={$slotStar$} props={{fill, index}} let:component let:props>
+			<Slot slotContent={$star$} props={{fill, index}} let:component let:props>
 				<svelte:fragment slot="slot" let:props><slot name="star" {...props} /></svelte:fragment>
 				<svelte:component this={component} {...props} />
 			</Slot>

package/components/rating/Rating.svelte.d.ts

@@ -1,19 +1,18 @@
-import { SvelteComponentTyped } from "svelte";
-import type { RatingApi, RatingProps, RatingSlots } from './rating';
+import { SvelteComponent } from "svelte";
+import type { RatingProps, RatingSlots } from './rating';
 declare const __propDef: {
-    props: {
-        api?: RatingApi | undefined;
-    } & Partial<RatingProps>;
+    props: Partial<RatingProps>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: RatingSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 type RatingProps_ = typeof __propDef.props;
 export { RatingProps_ as RatingProps };
 export type RatingEvents = typeof __propDef.events;
 type RatingSlots_ = typeof __propDef.slots;
 export { RatingSlots_ as RatingSlots };
-export default class Rating extends SvelteComponentTyped<RatingProps_, RatingEvents, RatingSlots_> {
-    get api(): RatingApi;
+export default class Rating extends SvelteComponent<RatingProps_, RatingEvents, RatingSlots_> {
 }

package/components/rating/rating.d.ts

@@ -1,14 +1,7 @@
-export * from '@agnos-ui/core-bootstrap/components/rating';
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType } from '@agnos-ui/svelte-headless/types';
-import type { RatingWidget as CoreWidget } from '@agnos-ui/core-bootstrap/components/rating';
-export interface RatingWidget extends AdaptWidgetSlots<CoreWidget> {
-}
-export interface RatingProps extends WidgetProps<RatingWidget> {
-}
-export interface RatingState extends WidgetState<RatingWidget> {
-}
-export interface RatingApi extends PropType<RatingWidget, 'api'> {
-}
+import type { WidgetPropsSlots, WidgetFactory } from '@agnos-ui/svelte-headless/types';
+import type { RatingWidget, RatingProps } from './rating.gen';
+export type * from './rating.gen';
+export declare const createRating: WidgetFactory<RatingWidget>;
+export declare const getRatingDefaultConfig: () => RatingProps;
 export interface RatingSlots extends WidgetPropsSlots<RatingProps> {
 }
-export declare const createRating: WidgetFactory<RatingWidget>;

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

@@ -0,0 +1,179 @@
+import type { SlotContent, Widget, Directive } from '@agnos-ui/svelte-headless/types';
+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/rating/rating.gen.js

@@ -0,0 +1 @@
+export {};

package/components/rating/rating.js

@@ -1,4 +1,3 @@
-export * from '@agnos-ui/core-bootstrap/components/rating';
-import { createRating as coreCreateRating } from '@agnos-ui/core-bootstrap/components/rating';
-// factory
+import { createRating as coreCreateRating, getRatingDefaultConfig as coreGetRatingDefaultConfig } from '@agnos-ui/core-bootstrap/components/rating';
 export const createRating = coreCreateRating;
+export const getRatingDefaultConfig = coreGetRatingDefaultConfig;

package/components/select/Select.svelte

@@ -28,7 +28,7 @@ const widget = callWidgetFactory({
 });
 export const api = widget.api;
 const {
-  stores: { id$, ariaLabel$, highlighted$, open$, selectedContexts$, slotBadgeLabel$, slotItem$, visibleItems$, className$, filterText$ },
+  stores: { id$, ariaLabel$, highlighted$, open$, selectedContexts$, badgeLabel$, itemLabel$, visibleItems$, className$, filterText$ },
   state$,
   actions: { onInput, onInputKeydown },
   directives: {
@@ -41,21 +41,22 @@ const {
     itemAttributesDirective
   }
 } = widget;
-$:
-  widget.patchChangedProps($$props);
+$: widget.patchChangedProps($$props);
 </script>
 
 <div use:referenceDirective use:__AgnosUISveltePreprocess__classDirective={"au-select dropdown border border-1 p-1 mb-3 d-block "+($className$)} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(referenceDirective, [__AgnosUISveltePreprocess__classDirective, "au-select dropdown border border-1 p-1 mb-3 d-block "+($className$)])}>
 	<div use:hasFocusDirective use:inputContainerDirective use:__AgnosUISveltePreprocess__classDirective={"d-flex align-items-center flex-wrap gap-1"} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(hasFocusDirective, inputContainerDirective, [__AgnosUISveltePreprocess__classDirective, "d-flex align-items-center flex-wrap gap-1"])}>
 		{#each $selectedContexts$ as itemContext (itemContext.id)}
 			<div use:badgeAttributesDirective={itemContext} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([badgeAttributesDirective, itemContext])}>
-				<Slot slotContent={$slotBadgeLabel$} props={{state: $state$, widget, itemContext}} let:component let:props>
+				<Slot slotContent={$badgeLabel$} props={{state: $state$, widget, itemContext}} let:component let:props>
 					<svelte:fragment slot="slot" let:props><slot name="badgeLabel" {...props} /></svelte:fragment>
 					<svelte:component this={component} {...props}>
 						<svelte:fragment slot="badgeLabel" let:itemContext let:state let:widget
 							><slot name="badgeLabel" {itemContext} {state} {widget} /></svelte:fragment
 						>
-						<svelte:fragment slot="item" let:itemContext let:state let:widget><slot name="item" {itemContext} {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="itemLabel" let:itemContext let:state let:widget
+							><slot name="itemLabel" {itemContext} {state} {widget} /></svelte:fragment
+						>
 					</svelte:component>
 				</Slot>
 			</div>
@@ -79,13 +80,15 @@ $:
 			{#each $visibleItems$ as itemContext (itemContext.id)}
 				{@const isHighlighted = itemContext === $highlighted$}
 				<li use:__AgnosUISveltePreprocess__classDirective={"dropdown-item position-relative"} class:text-bg-primary={isHighlighted} use:itemAttributesDirective={itemContext} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([itemAttributesDirective, itemContext], [__AgnosUISveltePreprocess__classDirective, "dropdown-item position-relative"])}>
-					<Slot slotContent={$slotItem$} props={{state: $state$, widget, itemContext}} let:component let:props>
-						<svelte:fragment slot="slot" let:props><slot name="item" {...props} /></svelte:fragment>
+					<Slot slotContent={$itemLabel$} props={{state: $state$, widget, itemContext}} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="itemLabel" {...props} /></svelte:fragment>
 						<svelte:component this={component} {...props}>
 							<svelte:fragment slot="badgeLabel" let:itemContext let:state let:widget
 								><slot name="badgeLabel" {itemContext} {state} {widget} /></svelte:fragment
 							>
-							<svelte:fragment slot="item" let:itemContext let:state let:widget><slot name="item" {itemContext} {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="itemLabel" let:itemContext let:state let:widget
+								><slot name="itemLabel" {itemContext} {state} {widget} /></svelte:fragment
+							>
 						</svelte:component>
 					</Slot>
 				</li>

package/components/select/Select.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { SelectApi, SelectProps, SelectSlots } from './select';
 declare class __sveltets_Render<Item> {
     props(): {
@@ -12,7 +12,7 @@ declare class __sveltets_Render<Item> {
 export type SelectProps_<Item> = ReturnType<__sveltets_Render<Item>['props']>;
 export type SelectEvents<Item> = ReturnType<__sveltets_Render<Item>['events']>;
 export type SelectSlots_<Item> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class Select<Item> extends SvelteComponentTyped<SelectProps_<Item>, SelectEvents<Item>, SelectSlots_<Item>> {
+export default class Select<Item> extends SvelteComponent<SelectProps_<Item>, SelectEvents<Item>, SelectSlots_<Item>> {
     get api(): SelectApi<Item>;
 }
 export {};

package/components/select/select.d.ts

@@ -1,18 +1,7 @@
-export * from '@agnos-ui/core-bootstrap/components/select';
-import type { AdaptWidgetSlots, WidgetPropsSlots, PropsConfig, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
-import type { SelectWidget as CoreWidget, SelectContext as CoreContext, SelectItemContext as CoreItemContext } from '@agnos-ui/core-bootstrap/components/select';
-export interface SelectWidget<Item> extends AdaptWidgetSlots<CoreWidget<Item>> {
-}
-export interface SelectProps<Item> extends WidgetProps<SelectWidget<Item>> {
-}
-export interface SelectState<Item> extends WidgetState<SelectWidget<Item>> {
-}
-export interface SelectApi<Item> extends PropType<SelectWidget<Item>, 'api'> {
-}
+import type { WidgetPropsSlots, PropsConfig } from '@agnos-ui/svelte-headless/types';
+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>;
 export interface SelectSlots<Item> extends WidgetPropsSlots<SelectProps<Item>> {
 }
-export interface SelectContext<Item> extends AdaptSlotContentProps<CoreContext<Item>> {
-}
-export interface SelectItemContext<Item> extends AdaptSlotContentProps<CoreItemContext<Item>> {
-}
-export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;

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

@@ -0,0 +1,293 @@
+import type { WidgetSlotContext, SlotContent, Widget, Directive } from '@agnos-ui/svelte-headless/types';
+import type { Placement } from '@floating-ui/dom';
+import type { HasFocus } from '@agnos-ui/svelte-headless/services/focustrack';
+import type { FloatingUI } from '@agnos-ui/svelte-headless/services/floatingUI';
+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/select/select.gen.js

@@ -0,0 +1 @@
+export {};

package/components/select/select.js

@@ -1,4 +1,3 @@
-export * from '@agnos-ui/core-bootstrap/components/select';
-import { createSelect as coreCreateSelect } from '@agnos-ui/core-bootstrap/components/select';
-// factory
+import { createSelect as coreCreateSelect, getSelectDefaultConfig as coreGetSelectDefaultConfig } from '@agnos-ui/core-bootstrap/components/select';
 export const createSelect = coreCreateSelect;
+export const getSelectDefaultConfig = coreGetSelectDefaultConfig;