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

package/components/carousel/carousel.gen.d.ts

@@ -1,358 +0,0 @@
-import type { PropsConfig, WidgetSlotContext, SlotContent, Directive, Widget } from '@agnos-ui/angular-headless';
-import type { EmblaPluginType, EmblaPluginsType, EmblaCarouselType } from 'embla-carousel';
-/**
- * Retrieve a shallow copy of the default Carousel config
- * @returns the default Carousel config
- */
-declare const export_getCarouselDefaultConfig: () => CarouselProps<any>;
-export { export_getCarouselDefaultConfig as getCarouselDefaultConfig };
-/**
- * Create a Carousel with given config props
- *
- * @template SlideData - The type of the data for each slide.
- * @param config - an optional carousel config
- * @returns a CarouselWidget
- */
-declare const export_createCarousel: <SlideData extends {
-    id: string;
-}>(config?: PropsConfig<CarouselProps<SlideData>>) => CarouselWidget<SlideData>;
-export { export_createCarousel as createCarousel };
-/**
- * Represents the context for a carousel.
- *
- * @template SlideData - The type of data used by each slide in the carousel.
- */
-export type CarouselContext<SlideData extends {
-    id: string;
-}> = WidgetSlotContext<CarouselWidget<SlideData>>;
-/**
- * Represents the context for a carousel slide.
- *
- * @template SlideData - The type of data used by each slide in the carousel.
- */
-export type CarouselSlideContext<SlideData extends {
-    id: string;
-}> = WidgetSlotContext<CarouselWidget<SlideData>> & SlideData;
-/**
- * Represents the state of a carousel component.
- *
- * @template SlideData - The type of data used by each slide in the carousel.
- */
-export interface CarouselState<SlideData extends {
-    id: string;
-}> {
-    /**
-     * is the carousel currently scrolling
-     */
-    scrolling: boolean;
-    /**
-     * can carousel scroll to previous slide
-     */
-    canScrollPrev: boolean;
-    /**
-     * can carousel scroll to next slide
-     */
-    canScrollNext: boolean;
-    /**
-     * selected scroll snap
-     */
-    selectedScrollSnap: number;
-    /**
-     * is the carousel initialized
-     */
-    initialized: boolean;
-    /**
-     * If `true`, 'previous' and 'next' navigation arrows will be visible.
-     */
-    showNavigationArrows: boolean;
-    /**
-     * If `true`, navigation indicators at the bottom of the slide will be visible.
-     */
-    showNavigationIndicators: boolean;
-    /**
-     * Choose content direction between `ltr` and `rtl`
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#direction}
-     * @defaultValue `'ltr'`
-     */
-    direction: 'ltr' | 'rtl';
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * Class name to apply to the container of the carousel.
-     *
-     * @defaultValue `''`
-     */
-    containerClass: string;
-    /**
-     * Class name to apply to each slide in the carousel.
-     *
-     * @defaultValue `''`
-     */
-    slideClass: string | ((slideContext: {
-        id: string;
-        index: number;
-        active: boolean;
-    }) => string);
-    /**
-     * The data for each slide in the carousel.
-     *
-     * @defaultValue `[]`
-     */
-    slidesData: SlideData[];
-    /**
-     * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
-     */
-    structure: SlotContent<CarouselContext<SlideData>>;
-    /**
-     * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
-     */
-    navigation: SlotContent<CarouselContext<SlideData>>;
-    /**
-     * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
-     */
-    slide: SlotContent<CarouselSlideContext<SlideData>>;
-    /**
-     * The aria-live attribute value for the carousel container.
-     *
-     * @defaultValue `'polite'`
-     */
-    ariaLive: string;
-}
-/**
- * Interface representing the properties for a carousel component.
- *
- * @template SlideData - The type of data used by each slide in the carousel.
- */
-export interface CarouselProps<SlideData extends {
-    id: string;
-}> {
-    /**
-     * Plugins to extend the carousel with additional features
-     * @defaultValue `[]`
-     */
-    plugins: EmblaPluginType[];
-    /**
-     * Aria label for navigation indicators
-     */
-    ariaIndicatorLabel: (index: number) => string;
-    /**
-     * Aria label for previous button
-     */
-    ariaPrevLabel: string;
-    /**
-     * Aria label for next button
-     */
-    ariaNextLabel: string;
-    /**
-     * Align the slides relative to the carousel viewport
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#align}
-     * @defaultValue `'center'`
-     */
-    align: 'start' | 'center' | 'end';
-    /**
-     * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#container}
-     */
-    container: string | null;
-    /**
-     * Clear leading and trailing empty space that causes excessive scrolling
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#containScroll}
-     * @defaultValue `'trimSnaps'`
-     */
-    containScroll: false | 'trimSnaps' | 'keepSnaps';
-    /**
-     * Choose content direction between `ltr` and `rtl`
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#direction}
-     * @defaultValue `'ltr'`
-     */
-    direction: 'ltr' | 'rtl';
-    /**
-     * Enables momentum scrolling
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#dragFree}
-     * @defaultValue `false`
-     */
-    dragFree: boolean;
-    /**
-     * Drag threshold in pixels
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#dragThreshold}
-     * @defaultValue `10`
-     */
-    dragThreshold: number;
-    /**
-     * Set scroll duration when triggered by any of the API methods
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#duration}
-     * @defaultValue `25`
-     */
-    duration: number;
-    /**
-     * Enables infinite looping
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#loop}
-     * @defaultValue `false`
-     */
-    loop: boolean;
-    /**
-     * Allow the carousel to skip scroll snaps if it's dragged vigorously
-     *
-     * @see {@link https://www.embla-carousel.com/api/options/#skipsnaps}
-     * @defaultValue `false`
-     */
-    skipSnaps: boolean;
-    /**
-     * If `true`, 'previous' and 'next' navigation arrows will be visible.
-     */
-    showNavigationArrows: boolean;
-    /**
-     * If `true`, navigation indicators at the bottom of the slide will be visible.
-     */
-    showNavigationIndicators: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * Class name to apply to the container of the carousel.
-     *
-     * @defaultValue `''`
-     */
-    containerClass: string;
-    /**
-     * Class name to apply to each slide in the carousel.
-     *
-     * @defaultValue `''`
-     */
-    slideClass: string | ((slideContext: {
-        id: string;
-        index: number;
-        active: boolean;
-    }) => string);
-    /**
-     * The data for each slide in the carousel.
-     *
-     * @defaultValue `[]`
-     */
-    slidesData: SlideData[];
-    /**
-     * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
-     */
-    structure: SlotContent<CarouselContext<SlideData>>;
-    /**
-     * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
-     */
-    navigation: SlotContent<CarouselContext<SlideData>>;
-    /**
-     * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
-     */
-    slide: SlotContent<CarouselSlideContext<SlideData>>;
-    /**
-     * The aria-live attribute value for the carousel container.
-     *
-     * @defaultValue `'polite'`
-     */
-    ariaLive: string;
-}
-/**
- * Represents the directives for a carousel component.
- */
-export interface CarouselDirectives {
-    /**
-     * A directive to be applied to each slide in the carousel.
-     */
-    slide: Directive<{
-        id: string;
-        index: number;
-    }>;
-    /**
-     * A directive to be applied to container of the carousel.
-     */
-    container: Directive;
-    /**
-     * the root directive
-     */
-    root: Directive;
-    /**
-     * A directive to be applied to a navigation button allowing to scroll to the previous slide.
-     */
-    scrollPrev: Directive;
-    /**
-     * A directive to be applied to a navigation button allowing to scroll to the next slide.
-     */
-    scrollNext: Directive;
-    /**
-     * A directive to be applied to a tab list allowing to navigate to the corresponding slide.
-     * This directive adds the role `tablist` and is recommended to be used together with {@link tabIndicator}.
-     */
-    tabList: Directive;
-    /**
-     * A directive to be applied to a navigation indicator allowing to scroll to the corresponding slide.
-     * As this directive adds the role `tab` to the element, it is recommended to use it on a button or a link and the parent element should have the {@link tabList} directive attached.
-     */
-    tabIndicator: Directive<{
-        index: number;
-        id: string;
-        jump?: boolean;
-    }>;
-}
-/**
- * Represents a carousel widget with specific properties, state, API, and directives.
- *
- * @template SlideData - The type of the data for each slide.
- */
-export type CarouselWidget<SlideData extends {
-    id: string;
-}> = Widget<CarouselProps<SlideData>, CarouselState<SlideData>, CarouselApi, CarouselDirectives>;
-/**
- * Represents the API for a carousel component.
- */
-export interface CarouselApi {
-    /**
-     * Scroll to the previous snap point if possible.
-     * @param jump - scroll instantly
-     */
-    scrollPrev: (jump?: boolean) => void;
-    /**
-     * Scroll to the next snap point if possible.
-     * @param jump - scroll instantly
-     */
-    scrollNext: (jump?: boolean) => void;
-    /**
-     * Scroll to a snap point by index
-     * @param index - the snap point index
-     * @param jump - scroll instantly
-     */
-    scrollTo: (index: number, jump?: boolean) => void;
-    /**
-     * Retrieve the enabled plugins
-     */
-    plugins: () => EmblaPluginsType | undefined;
-    /**
-     * Retrieve the inner EmblaApi object
-     */
-    emblaApi: () => EmblaCarouselType | undefined;
-}

package/components/carousel/index.d.ts

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

package/components/collapse/collapse.component.d.ts

@@ -1,83 +0,0 @@
-import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
-import type { CollapseWidget } from '@agnos-ui/core-bootstrap/components/collapse';
-import { type OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Directive to control the collapse behavior of an element.
- */
-export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidget> {
-    /**
-     * If `true`, collapse opening will be animated at init time.
-     *
-     * @defaultValue `false`
-     */
-    readonly animatedOnInit: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * If `true`, collapse closing and opening will be animated.
-     *
-     * @defaultValue `true`
-     */
-    readonly animated: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    readonly className: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * If `true`, collapse will be done horizontally.
-     *
-     * @defaultValue `false`
-     */
-    readonly horizontal: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * If `true` the collapse is visible to the user
-     *
-     * @defaultValue `true`
-     */
-    readonly visible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * id of the collapse
-     *
-     * @defaultValue `''`
-     */
-    readonly id: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Callback called when the collapse visibility changed.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     * @param visible - The new visibility state of the collapse.
-     */
-    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
-    /**
-     * Callback called when the collapse is hidden.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * Callback called when the collapse is shown.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly shown: import("@angular/core").OutputEmitterRef<void>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[auCollapse]", ["auCollapse"], { "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; "isSignal": true; }; "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "horizontal": { "alias": "auHorizontal"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "id": { "alias": "auId"; "required": false; "isSignal": true; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, never, never, true, never>;
-}
-export declare class CollapseTriggerDirective implements OnInit {
-    readonly auCollapseTrigger: import("@angular/core").InputSignal<CollapseDirective>;
-    private readonly injector;
-    ngOnInit(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CollapseTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseTriggerDirective, "[auCollapseTrigger]", never, { "auCollapseTrigger": { "alias": "auCollapseTrigger"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/components/collapse/collapse.gen.d.ts

@@ -1,150 +0,0 @@
-import type { PropsConfig, Directive, Widget } from '@agnos-ui/angular-headless';
-/**
- * Retrieve a shallow copy of the default collapse config
- * @returns the default collapse config
- */
-declare const export_getCollapseDefaultConfig: () => CollapseProps;
-export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
-/**
- * Create an CollapseWidget with given config props
- * @param config - an optional collapse config
- * @returns an CollapseWidget
- */
-declare const export_createCollapse: (config?: PropsConfig<CollapseProps>) => CollapseWidget;
-export { export_createCollapse as createCollapse };
-/**
- * Represents the state of a collapse component.
- * Extends the properties and state from `CollapseCommonPropsAndState`.
- */
-export interface CollapseState {
-    /**
-     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
-     */
-    hidden: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * If `true`, collapse will be done horizontally.
-     *
-     * @defaultValue `false`
-     */
-    horizontal: boolean;
-    /**
-     * If `true` the collapse is visible to the user
-     *
-     * @defaultValue `true`
-     */
-    visible: boolean;
-}
-/**
- * Properties for the Collapse component.
- */
-export interface CollapseProps {
-    /**
-     * Callback called when the collapse visibility changed.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     * @param visible - The new visibility state of the collapse.
-     */
-    onVisibleChange: (visible: boolean) => void;
-    /**
-     * Callback called when the collapse is hidden.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    onHidden: () => void;
-    /**
-     * Callback called when the collapse is shown.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    onShown: () => void;
-    /**
-     * If `true`, collapse opening will be animated at init time.
-     *
-     * @defaultValue `false`
-     */
-    animatedOnInit: boolean;
-    /**
-     * If `true`, collapse closing and opening will be animated.
-     *
-     * @defaultValue `true`
-     */
-    animated: boolean;
-    /**
-     * id of the collapse
-     *
-     * @defaultValue `''`
-     */
-    id: string;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * If `true`, collapse will be done horizontally.
-     *
-     * @defaultValue `false`
-     */
-    horizontal: boolean;
-    /**
-     * If `true` the collapse is visible to the user
-     *
-     * @defaultValue `true`
-     */
-    visible: boolean;
-}
-/**
- * Interface representing the API for a collapsible component.
- */
-export interface CollapseApi {
-    /**
-     * Triggers collapse closing programmatically.
-     */
-    close(): void;
-    /**
-     * Triggers the collapse content to be displayed for the user.
-     */
-    open(): void;
-    /**
-     * Toggles the collapse content visibility.
-     */
-    toggle(): void;
-}
-/**
- * Interface representing the directives used in a collapse component.
- */
-export interface CollapseDirectives {
-    /**
-     * Directive to apply the collapse.
-     */
-    collapseDirective: Directive;
-    /**
-     * Directive to apply to a trigger;
-     */
-    triggerDirective: Directive;
-}
-/**
- * Represents a widget for handling collapse functionality.
- *
- * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
- * necessary for managing the collapse behavior in the UI.
- *
- * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
- */
-export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;

package/components/collapse/index.d.ts

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

package/components/modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './modal.component';
-export * from './modal.gen';
-export * from './modal.service';