@agnos-ui/angular-bootstrap 0.8.0 → 0.9.0-next.0

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

@@ -1,198 +0,0 @@
-import type { SlotContent } from '@agnos-ui/angular-headless';
-import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
-import { TemplateRef } from '@angular/core';
-import type { Placement } from '@floating-ui/dom';
-import type { ItemContext, SelectItemContext, SelectWidget } from './select.gen';
-import * as i0 from "@angular/core";
-/**
- * Directive to provide a custom template for the badge label in a select component.
- *
- * @template Item - The type of the item in the select component.
- *
- * This directive uses a template reference to render the {@link SelectItemContext<Item>}.
- */
-export declare class SelectBadgeLabelDirective<Item> {
-    templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard<Item>(_dir: SelectBadgeLabelDirective<Item>, context: unknown): context is SelectItemContext<Item>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectBadgeLabelDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectBadgeLabelDirective<any>, "ng-template[auSelectBadgeLabel]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Directive to provide a custom label template for select items.
- *
- * This directive allows you to define a custom template for the labels of items
- * in a select component. The template can be specified using an Angular `TemplateRef`.
- *
- * @template Item - The type of the items in the select component.
- *
- * This directive uses a template reference to render the {@link SelectItemContext<Item>}.
- */
-export declare class SelectItemLabelDirective<Item> {
-    templateRef: TemplateRef<any>;
-    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>;
-}
-/**
- * A component that represents a customizable select dropdown widget.
- *
- * @template Item - The type of items in the select dropdown.
- */
-export declare class SelectComponent<Item> extends BaseWidgetDirective<SelectWidget<Item>> {
-    /**
-     * aria-label used for the input inside the select
-     *
-     * @defaultValue `'Select'`
-     */
-    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * id used for the input inside the select
-     */
-    readonly id: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * List of available items for the dropdown
-     *
-     * @defaultValue `[]`
-     */
-    readonly items: import("@angular/core").InputSignal<Item[] | undefined>;
-    /**
-     * 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).
-     *
-     * @defaultValue
-     * ```ts
-     * ['bottom-start', 'top-start', 'bottom-end', 'top-end']
-     * ```
-     */
-    readonly allowedPlacements: import("@angular/core").InputSignal<Placement[] | undefined>;
-    /**
-     * true if the select is open
-     *
-     * @defaultValue `false`
-     */
-    readonly open: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Filtered text to be display in the filter input
-     *
-     * @defaultValue `''`
-     */
-    readonly filterText: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    readonly className: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * true if the select is disabled
-     *
-     * @defaultValue `false`
-     */
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * List of selected item ids
-     *
-     * @defaultValue `[]`
-     */
-    readonly selected: import("@angular/core").InputSignal<Item[] | undefined>;
-    /**
-     * true if a loading process is being done
-     *
-     * @defaultValue `false`
-     */
-    readonly loading: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Custom function to get the id of an item
-     * By default, the item is returned
-     *
-     * @defaultValue
-     * ```ts
-     * (item: any) => '' + item
-     * ```
-     */
-    readonly itemIdFn: import("@angular/core").InputSignal<((item: Item) => string) | undefined>;
-    /**
-     * Class to be added on the dropdown menu container
-     *
-     * @defaultValue `''`
-     */
-    readonly menuClassName: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * 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.
-     *
-     * @defaultValue
-     * ```ts
-     * ({itemContext}: SelectItemContext<any>) => itemContext.item
-     * ```
-     */
-    readonly badgeLabel: import("@angular/core").InputSignal<SlotContent<SelectItemContext<Item>>>;
-    readonly slotSelectBadgeLabelFromContent: import("@angular/core").Signal<SelectBadgeLabelDirective<any> | 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.
-     *
-     * @defaultValue
-     * ```ts
-     * ({itemContext}: SelectItemContext<any>) => itemContext.item
-     * ```
-     */
-    readonly itemLabel: import("@angular/core").InputSignal<SlotContent<SelectItemContext<Item>>>;
-    readonly slotSelectItemLabelFromContent: import("@angular/core").Signal<SelectItemLabelDirective<any> | undefined>;
-    /**
-     * Callback called when the text filter change
-     * @param text - Filtered text
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly filterTextChange: import("@angular/core").OutputEmitterRef<string>;
-    /**
-     * Callback called when the selection change
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly selectedChange: import("@angular/core").OutputEmitterRef<Item[]>;
-    /**
-     * Callback called dropdown open state change
-     * @param isOpen - updated open state
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-    /**
-     * Class to be added on menu items
-     *
-     * @defaultValue `''`
-     */
-    readonly menuItemClassName: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Class to be added on selected items (displayed in the input zone)
-     *
-     * @defaultValue `''`
-     */
-    readonly badgeClassName: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Retrieves navigable elements within an HTML element containing badges and the input.
-     *
-     * @param node - HTMLElement that contains the badges and the input
-     *
-     * @defaultValue
-     * ```ts
-     * (node: HTMLElement) => node.querySelectorAll('.au-select-badge,input')
-     * ```
-     */
-    readonly navSelector: import("@angular/core").InputSignal<((node: HTMLElement) => NodeListOf<HTMLSpanElement | HTMLInputElement>) | undefined>;
-    constructor();
-    itemCtxTrackBy(_: number, itemContext: ItemContext<Item>): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "[auSelect]", never, { "ariaLabel": { "alias": "auAriaLabel"; "required": false; "isSignal": true; }; "id": { "alias": "auId"; "required": false; "isSignal": true; }; "items": { "alias": "auItems"; "required": false; "isSignal": true; }; "allowedPlacements": { "alias": "auAllowedPlacements"; "required": false; "isSignal": true; }; "open": { "alias": "auOpen"; "required": false; "isSignal": true; }; "filterText": { "alias": "auFilterText"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "disabled": { "alias": "auDisabled"; "required": false; "isSignal": true; }; "selected": { "alias": "auSelected"; "required": false; "isSignal": true; }; "loading": { "alias": "auLoading"; "required": false; "isSignal": true; }; "itemIdFn": { "alias": "auItemIdFn"; "required": false; "isSignal": true; }; "menuClassName": { "alias": "auMenuClassName"; "required": false; "isSignal": true; }; "badgeLabel": { "alias": "auBadgeLabel"; "required": false; "isSignal": true; }; "itemLabel": { "alias": "auItemLabel"; "required": false; "isSignal": true; }; "menuItemClassName": { "alias": "auMenuItemClassName"; "required": false; "isSignal": true; }; "badgeClassName": { "alias": "auBadgeClassName"; "required": false; "isSignal": true; }; "navSelector": { "alias": "auNavSelector"; "required": false; "isSignal": true; }; }, { "filterTextChange": "auFilterTextChange"; "selectedChange": "auSelectedChange"; "openChange": "auOpenChange"; }, ["slotSelectBadgeLabelFromContent", "slotSelectItemLabelFromContent"], never, true, never>;
-}

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

@@ -1,433 +0,0 @@
-import type { WidgetSlotContext, SlotContent, Widget, PropsConfig, HasFocus, FloatingUI, Directive } from '@agnos-ui/angular-headless';
-import type { Placement } from '@floating-ui/dom';
-/**
- * Retrieve a shallow copy of the default Select config
- * @returns the default Select config
- */
-declare const export_getSelectDefaultConfig: () => SelectProps<any>;
-export { export_getSelectDefaultConfig as getSelectDefaultConfig };
-/**
- * Interface for the slot context of the pagination widget
- * @template Item - The type of the items in the Select component.
- */
-export interface SelectContext<Item> extends WidgetSlotContext<SelectWidget<Item>> {
-}
-/**
- * Represents the context for a select item, extending the base `SelectContext` with additional
- * contextual data specific to an item.
- *
- * @template Item - The type of the item within the select context.
- */
-export interface SelectItemContext<Item> extends SelectContext<Item> {
-    /**
-     * Contextual data related to an item
-     */
-    itemContext: ItemContext<Item>;
-}
-/**
- * Represents the state of a Select component.
- *
- * @template Item - The type of the items in the select component.
- */
-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
-     *
-     * @defaultValue `'Select'`
-     */
-    ariaLabel: string | undefined;
-    /**
-     * List of selected item ids
-     *
-     * @defaultValue `[]`
-     */
-    selected: Item[];
-    /**
-     * Filtered text to be display in the filter input
-     *
-     * @defaultValue `''`
-     */
-    filterText: string;
-    /**
-     * true if the select is disabled
-     *
-     * @defaultValue `false`
-     */
-    disabled: boolean;
-    /**
-     * true if the select is open
-     *
-     * @defaultValue `false`
-     */
-    open: boolean;
-    /**
-     * Class to be added on the dropdown menu container
-     *
-     * @defaultValue `''`
-     */
-    menuClassName: string;
-    /**
-     * Class to be added on menu items
-     *
-     * @defaultValue `''`
-     */
-    menuItemClassName: string;
-    /**
-     * Class to be added on selected items (displayed in the input zone)
-     *
-     * @defaultValue `''`
-     */
-    badgeClassName: string;
-    /**
-     * true if a loading process is being done
-     *
-     * @defaultValue `false`
-     */
-    loading: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    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.
-     *
-     * @defaultValue
-     * ```ts
-     * ({itemContext}: SelectItemContext<any>) => itemContext.item
-     * ```
-     */
-    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.
-     *
-     * @defaultValue
-     * ```ts
-     * ({itemContext}: SelectItemContext<any>) => itemContext.item
-     * ```
-     */
-    itemLabel: SlotContent<SelectItemContext<Item>>;
-}
-/**
- * Represents the properties for the Select component.
- *
- * @template Item - The type of the items in the select component.
- */
-export interface SelectProps<Item> {
-    /**
-     * List of available items for the dropdown
-     *
-     * @defaultValue `[]`
-     */
-    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).
-     *
-     * @defaultValue
-     * ```ts
-     * ['bottom-start', 'top-start', 'bottom-end', 'top-end']
-     * ```
-     */
-    allowedPlacements: Placement[];
-    /**
-     * Custom function to get the id of an item
-     * By default, the item is returned
-     *
-     * @defaultValue
-     * ```ts
-     * (item: any) => '' + item
-     * ```
-     */
-    itemIdFn(item: Item): string;
-    /**
-     * Retrieves navigable elements within an HTML element containing badges and the input.
-     *
-     * @param node - HTMLElement that contains the badges and the input
-     *
-     * @defaultValue
-     * ```ts
-     * (node: HTMLElement) => node.querySelectorAll('.au-select-badge,input')
-     * ```
-     */
-    navSelector(node: HTMLElement): NodeListOf<HTMLSpanElement | HTMLInputElement>;
-    /**
-     * Callback called dropdown open state change
-     * @param isOpen - updated open state
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    onOpenChange(isOpen: boolean): void;
-    /**
-     * Callback called when the text filter change
-     * @param text - Filtered text
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    onFilterTextChange(text: string): void;
-    /**
-     * Callback called when the selection change
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    onSelectedChange(selected: Item[]): void;
-    /**
-     * id used for the input inside the select
-     */
-    id: string | undefined;
-    /**
-     * aria-label used for the input inside the select
-     *
-     * @defaultValue `'Select'`
-     */
-    ariaLabel: string | undefined;
-    /**
-     * List of selected item ids
-     *
-     * @defaultValue `[]`
-     */
-    selected: Item[];
-    /**
-     * Filtered text to be display in the filter input
-     *
-     * @defaultValue `''`
-     */
-    filterText: string;
-    /**
-     * true if the select is disabled
-     *
-     * @defaultValue `false`
-     */
-    disabled: boolean;
-    /**
-     * true if the select is open
-     *
-     * @defaultValue `false`
-     */
-    open: boolean;
-    /**
-     * Class to be added on the dropdown menu container
-     *
-     * @defaultValue `''`
-     */
-    menuClassName: string;
-    /**
-     * Class to be added on menu items
-     *
-     * @defaultValue `''`
-     */
-    menuItemClassName: string;
-    /**
-     * Class to be added on selected items (displayed in the input zone)
-     *
-     * @defaultValue `''`
-     */
-    badgeClassName: string;
-    /**
-     * true if a loading process is being done
-     *
-     * @defaultValue `false`
-     */
-    loading: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    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.
-     *
-     * @defaultValue
-     * ```ts
-     * ({itemContext}: SelectItemContext<any>) => itemContext.item
-     * ```
-     */
-    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.
-     *
-     * @defaultValue
-     * ```ts
-     * ({itemContext}: SelectItemContext<any>) => itemContext.item
-     * ```
-     */
-    itemLabel: SlotContent<SelectItemContext<Item>>;
-}
-/**
- * Represents a Select widget component.
- *
- * @template Item - The type of the items that the select widget will handle.
- */
-export type SelectWidget<Item> = Widget<SelectProps<Item>, SelectState<Item>, SelectApi<Item>, SelectDirectives<Item>>;
-/**
- * Creates a new select widget instance.
- * @param config - config of the modal, either as a store or as an object containing values or stores.
- * @returns a new select widget instance
- */
-declare const export_createSelect: <Item>(config?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;
-export { export_createSelect as createSelect };
-/**
- * Item representation built from the items provided in parameters
- *
- * @template T - The type of the Select Items
- */
-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;
-}
-/**
- * Interface representing the API for a Select component.
- *
- * @template Item - The type of the Select Items
- */
-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
-     * @param item - the item to select
-     */
-    select(item: Item): void;
-    /**
-     * Unselect the provided item.
-     * @param item - the item to unselect
-     */
-    unselect(item: Item): void;
-    /**
-     * Toggle the selection of an item
-     * @param item - the item to toggle
-     * @param selected - an optional boolean to enforce the selected/unselected state instead of toggling
-     */
-    toggleItem(item: Item, selected?: boolean): void;
-    /**
-     * open the select
-     */
-    open(): void;
-    /**
-     * close the select
-     */
-    close(): void;
-    /**
-     * Toggle the dropdown menu
-     * @param isOpen - If specified, set the menu in the defined state.
-     */
-    toggle(isOpen?: boolean): void;
-}
-/**
- * Interface representing the directives used in the Select component.
- *
- * @template Item - The type of the Select Items
- */
-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>>;
-    /**
-     * A directive to be applied to the input
-     */
-    inputDirective: Directive;
-    /**
-     * A directive to be applied to a button that closes a badge
-     */
-    badgeCloseButtonDirective: Directive<ItemContext<Item>>;
-}

package/components/slider/index.d.ts

@@ -1,2 +0,0 @@
-export * from './slider.component';
-export * from './slider.gen';