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

package/components/slider/slider.gen.d.ts

@@ -1,511 +0,0 @@
-import type { WidgetSlotContext, SlotContent, Widget, WidgetFactory, Directive } from '@agnos-ui/angular-headless';
-/**
- * Retrieve a shallow copy of the default Slider config
- * @returns the default Slider config
- */
-declare const export_getSliderDefaultConfig: () => SliderProps;
-export { export_getSliderDefaultConfig as getSliderDefaultConfig };
-/**
- * Represents the context for a Slider component.
- * This type is an alias for `WidgetSlotContext<SliderWidget>`.
- */
-export interface SliderContext extends WidgetSlotContext<SliderWidget> {
-}
-/**
- * Represents the context for a slider slot label, extending the base `SliderContext`
- * with an additional `value` property.
- */
-export interface SliderSlotLabelContext extends SliderContext {
-    /**
-     * the value of the handle the label is attached to
-     */
-    value: number;
-}
-/**
- * Represents the context for a slider slot handle.
- * This type extends the `SliderContext` and includes an additional `item` property of type `SliderHandle`.
- */
-export interface SliderSlotHandleContext extends SliderContext {
-    /**
-     * the handle context
-     */
-    item: SliderHandle;
-}
-/**
- * Represents the context for a slider tick slot
- */
-export interface SliderSlotTickContext extends SliderContext {
-    /**
-     * tick context
-     */
-    tick: SliderTick;
-}
-/**
- * Represents the state of a slider component.
- */
-export interface SliderState {
-    /**
-     * Sorted slider values
-     */
-    sortedValues: number[];
-    /**
-     * Combined label left offset in %
-     */
-    combinedLabelPositionLeft: number;
-    /**
-     * Combined label top offset in %
-     */
-    combinedLabelPositionTop: number;
-    /**
-     * If true, the minimum label will be visible
-     */
-    minValueLabelDisplay: boolean;
-    /**
-     * If true, the maximum label will be visible
-     */
-    maxValueLabelDisplay: boolean;
-    /**
-     * If true, the label when the handles are close is visible
-     */
-    combinedLabelDisplay: boolean;
-    /**
-     * Array of the sorted handles to display
-     */
-    sortedHandles: SliderHandle[];
-    /**
-     * Array of objects representing progress display options
-     */
-    progressDisplayOptions: ProgressDisplayOptions[];
-    /**
-     * Array of objects representing handle display options
-     */
-    handleDisplayOptions: HandleDisplayOptions[];
-    /**
-     * Check if the slider is interactive, meaning it is not disabled or readonly
-     */
-    interactive: boolean;
-    /**
-     * Array of ticks to display on the slider component
-     */
-    ticks: SliderTick[];
-    /**
-     * Minimum value that can be assigned to the slider
-     *
-     * @defaultValue `0`
-     */
-    min: number;
-    /**
-     * Maximum value that can be assigned to the slider
-     *
-     * @defaultValue `100`
-     */
-    max: number;
-    /**
-     * Unit value between slider steps
-     *
-     * @defaultValue `1`
-     */
-    stepSize: number;
-    /**
-     * If `true` slider value cannot be changed but the slider is still focusable
-     *
-     * @defaultValue `false`
-     */
-    readonly: boolean;
-    /**
-     * If `true` slider value cannot be changed and the slider cannot be focused
-     *
-     * @defaultValue `false`
-     */
-    disabled: boolean;
-    /**
-     * If `true` is vertically positioned otherwise it is horizontal
-     *
-     * @defaultValue `false`
-     */
-    vertical: boolean;
-    /**
-     * Current slider values
-     *
-     * @defaultValue `[0]`
-     */
-    values: number[];
-    /**
-     * If `true` the value labels are displayed on the slider
-     *
-     * @defaultValue `true`
-     */
-    showValueLabels: boolean;
-    /**
-     * If `true` the min and max labels are displayed on the slider
-     *
-     * @defaultValue `true`
-     */
-    showMinMaxLabels: boolean;
-    /**
-     * If `true` the ticks are displayed on the slider
-     *
-     * @defaultValue `false`
-     */
-    showTicks: boolean;
-    /**
-     * It `true` slider display is inversed
-     *
-     * @defaultValue `false`
-     */
-    rtl: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * Slot to change the default display of the slider
-     */
-    structure: SlotContent<SliderContext>;
-    /**
-     * Slot to change the default labels of the slider
-     *
-     * @defaultValue
-     * ```ts
-     * ({value}: SliderSlotLabelContext) => '' + value
-     * ```
-     */
-    label: SlotContent<SliderSlotLabelContext>;
-    /**
-     *  Slot to change the handlers
-     */
-    handle: SlotContent<SliderSlotHandleContext>;
-    /**
-     * Slot to change the ticks
-     */
-    tick: SlotContent<SliderSlotTickContext>;
-}
-/**
- * Represents the properties for the Slider component.
- */
-export interface SliderProps {
-    /**
-     * Return the value for the 'aria-label' attribute for the handle
-     * @param sortedIndex - index of the handle in the sorted list
-     *
-     * @defaultValue
-     * ```ts
-     * () => 'Value'
-     * ```
-     */
-    ariaLabel: (sortedIndex: number) => string;
-    /**
-     * Return the value for the 'aria-labelledBy' attribute for the handle
-     * @param sortedIndex - index of the handle in the sorted list
-     *
-     * @defaultValue
-     * ```ts
-     * () => ''
-     * ```
-     */
-    ariaLabelledBy: (sortedIndex: number) => string;
-    /**
-     * Return the value for the 'aria-valuetext' attribute for the handle
-     * @param value - value of the handle
-     * @param sortedIndex - index of the handle in the sorted list
-     *
-     * @defaultValue
-     * ```ts
-     * (value: number) => ''
-     * ```
-     */
-    ariaValueText: (value: number, sortedIndex: number) => string;
-    /**
-     * An event emitted when slider values are changed
-     *
-     * Event payload equals to the updated slider values
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    onValuesChange: (values: number[]) => void;
-    /**
-     * Unit value between the ticks
-     * If value is set to `0` the {@link stepSize} is used to space the ticks
-     *
-     * @defaultValue `0`
-     */
-    tickInterval: number;
-    /**
-     * If `true` the tick values are displayed on the slider
-     *
-     * @defaultValue `true`
-     */
-    showTickValues: boolean;
-    /**
-     * Minimum value that can be assigned to the slider
-     *
-     * @defaultValue `0`
-     */
-    min: number;
-    /**
-     * Maximum value that can be assigned to the slider
-     *
-     * @defaultValue `100`
-     */
-    max: number;
-    /**
-     * Unit value between slider steps
-     *
-     * @defaultValue `1`
-     */
-    stepSize: number;
-    /**
-     * If `true` slider value cannot be changed but the slider is still focusable
-     *
-     * @defaultValue `false`
-     */
-    readonly: boolean;
-    /**
-     * If `true` slider value cannot be changed and the slider cannot be focused
-     *
-     * @defaultValue `false`
-     */
-    disabled: boolean;
-    /**
-     * If `true` is vertically positioned otherwise it is horizontal
-     *
-     * @defaultValue `false`
-     */
-    vertical: boolean;
-    /**
-     * Current slider values
-     *
-     * @defaultValue `[0]`
-     */
-    values: number[];
-    /**
-     * If `true` the value labels are displayed on the slider
-     *
-     * @defaultValue `true`
-     */
-    showValueLabels: boolean;
-    /**
-     * If `true` the min and max labels are displayed on the slider
-     *
-     * @defaultValue `true`
-     */
-    showMinMaxLabels: boolean;
-    /**
-     * If `true` the ticks are displayed on the slider
-     *
-     * @defaultValue `false`
-     */
-    showTicks: boolean;
-    /**
-     * It `true` slider display is inversed
-     *
-     * @defaultValue `false`
-     */
-    rtl: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * Slot to change the default display of the slider
-     */
-    structure: SlotContent<SliderContext>;
-    /**
-     * Slot to change the default labels of the slider
-     *
-     * @defaultValue
-     * ```ts
-     * ({value}: SliderSlotLabelContext) => '' + value
-     * ```
-     */
-    label: SlotContent<SliderSlotLabelContext>;
-    /**
-     *  Slot to change the handlers
-     */
-    handle: SlotContent<SliderSlotHandleContext>;
-    /**
-     * Slot to change the ticks
-     */
-    tick: SlotContent<SliderSlotTickContext>;
-}
-/**
- * Represents a slider widget component.
- */
-export type SliderWidget = Widget<SliderProps, SliderState, object, SliderDirectives>;
-/**
- * Create a Slider with given config props
- * @param config - an optional slider config
- * @returns a SliderWidget
- */
-declare const export_createSlider: WidgetFactory<SliderWidget>;
-export { export_createSlider as createSlider };
-/**
- * Options for displaying progress in a slider component.
- */
-export interface ProgressDisplayOptions {
-    /**
-     * Right offset of the progress in %
-     */
-    left: number | null;
-    /**
-     * Left offset of the progress in %
-     */
-    right: number | null;
-    /**
-     * Top offset of the progress in %
-     */
-    top: number | null;
-    /**
-     * Bottom offset of the progress in %
-     */
-    bottom: number | null;
-    /**
-     * Width of the progress in %
-     */
-    width: number;
-    /**
-     * Height of the progress in %
-     */
-    height: number;
-    /**
-     * Id of the progress
-     */
-    id: number;
-}
-/**
- * Options for displaying a handle in a slider component.
- */
-export interface HandleDisplayOptions {
-    /**
-     * Left offset of the handle in %
-     */
-    left: number | null;
-    /**
-     * Top offset of the handle in %
-     */
-    top: number | null;
-}
-/**
- * Represents a handle in a slider component.
- */
-export interface SliderHandle {
-    /**
-     * Value of the handle
-     */
-    value: number;
-    /**
-     * Handle id
-     */
-    id: number;
-    /**
-     * ariaLabel of the handle
-     */
-    ariaLabel: string | undefined;
-    /**
-     * ariaValueText of the handle
-     */
-    ariaValueText: string | undefined;
-    /**
-     * aria-labelledBy of the handle
-     */
-    ariaLabelledBy: string | undefined;
-}
-/**
- * Represents a tick in a slider component.
- */
-export interface SliderTick {
-    /**
-     * CSS classes to be applied on the tick
-     */
-    className?: string | null;
-    /**
-     * Visualized optional explanation of the label
-     */
-    legend?: string | null;
-    /**
-     * Position of the tick in percent
-     */
-    position: number;
-    /**
-     * If `true` the tick has selected style
-     */
-    selected: boolean;
-    /**
-     * Value of the tick
-     */
-    value: number;
-    /**
-     * If `true` the tick label is displayed
-     */
-    displayLabel: boolean;
-}
-/**
- * Interface representing various directives used in the slider component.
- */
-export interface SliderDirectives {
-    /**
-     * Directive to get the slider component elementRef
-     */
-    sliderDirective: Directive;
-    /**
-     * Directive used to style the progress display for each handle
-     */
-    progressDisplayDirective: Directive<{
-        option: ProgressDisplayOptions;
-    }>;
-    /**
-     * Directive to apply to the slider clickable area, to directly move the handle to a given specific position
-     */
-    clickableAreaDirective: Directive;
-    /**
-     * Directive to apply handle events handlers
-     */
-    handleEventsDirective: Directive<{
-        item: {
-            id: number;
-        };
-    }>;
-    /**
-     * Directive to apply to the slider handle if any
-     */
-    handleDirective: Directive<{
-        item: SliderHandle;
-    }>;
-    /**
-     * Directive to get the minLabel elementRef
-     */
-    minLabelDirective: Directive;
-    /**
-     * Directive to get the maxLabel elementRef
-     */
-    maxLabelDirective: Directive;
-    /**
-     * Directive to apply to the handle when combined label display is active
-     */
-    combinedHandleLabelDisplayDirective: Directive;
-    /**
-     * Directive to apply to the handle when combined label display is not active
-     */
-    handleLabelDisplayDirective: Directive<{
-        index: number;
-    }>;
-    /**
-     * Directive to apply to the slider tick
-     */
-    tickDirective: Directive<{
-        tick: SliderTick;
-    }>;
-    /**
-     * Directive to apply to the slider tick label
-     */
-    tickLabelDirective: Directive<{
-        tick: SliderTick;
-    }>;
-}

package/components/toast/index.d.ts

@@ -1,4 +0,0 @@
-export * from './toast.component';
-export * from './toast.gen';
-export * from './toaster.component';
-export * from './toaster.service';

package/components/toast/toast.component.d.ts

@@ -1,155 +0,0 @@
-import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
-import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
-import { TemplateRef } from '@angular/core';
-import type { ToastContext, ToastWidget } from './toast.gen';
-import * as i0 from "@angular/core";
-/**
- * Directive to represent the body of a toast notification.
- * This directive uses a template reference to render the {@link ToastContext}.
- */
-export declare class ToastBodyDirective {
-    templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(_dir: ToastBodyDirective, context: unknown): context is ToastContext;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastBodyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToastBodyDirective, "ng-template[auToastBody]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Directive to define the structure of a toast component.
- * This directive uses a template reference to render the {@link ToastContext}.
- */
-export declare class ToastStructureDirective {
-    templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(_dir: ToastStructureDirective, context: unknown): context is ToastContext;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastStructureDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToastStructureDirective, "ng-template[auToastStructure]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Directive representing the header of a toast component.
- * This directive uses a template reference to render the {@link ToastContext}.
- */
-export declare class ToastHeaderDirective {
-    templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(_dir: ToastHeaderDirective, context: unknown): context is ToastContext;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToastHeaderDirective, "ng-template[auToastHeader]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Represents the default slot structure for the toast component.
- */
-export declare const toastDefaultSlotStructure: SlotContent<ToastContext>;
-/**
- * The `ToastComponent` is a UI component that displays a toast notification.
- * It extends the `BaseWidgetDirective` and provides various configurable properties
- * and events to control the behavior and appearance of the toast.
- */
-export declare class ToastComponent extends BaseWidgetDirective<ToastWidget> {
-    /**
-     * If `true`, alert can be dismissed by the user.
-     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
-     *
-     * @defaultValue `true`
-     */
-    readonly dismissible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * The transition function will be executed when the alert is displayed or hidden.
-     *
-     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
-     *
-     * @defaultValue `fadeTransition`
-     */
-    readonly transition: import("@angular/core").InputSignal<TransitionFn | undefined>;
-    /**
-     * If `true` the alert is visible to the user
-     *
-     * @defaultValue `true`
-     */
-    readonly visible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * If `true`, alert opening will be animated.
-     *
-     * Animation is triggered  when the `.open()` function is called
-     * or the visible prop is changed
-     *
-     * @defaultValue `false`
-     */
-    readonly animatedOnInit: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * If `true`, alert closing will be animated.
-     *
-     * Animation is triggered  when clicked on the close button (×),
-     * via the `.close()` function or the visible prop is changed
-     *
-     * @defaultValue `true`
-     */
-    readonly animated: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * If `true` automatically hides the toast after the delay.
-     *
-     * @defaultValue `true`
-     */
-    readonly autoHide: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Delay in milliseconds before hiding the toast.
-     *
-     * @defaultValue `5000`
-     */
-    readonly delay: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * Accessibility close button label
-     *
-     * @defaultValue `'Close'`
-     */
-    readonly ariaCloseButtonLabel: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Template for the toast content
-     */
-    readonly children: import("@angular/core").InputSignal<SlotContent<ToastContext>>;
-    readonly slotDefaultFromContent: import("@angular/core").Signal<ToastBodyDirective | undefined>;
-    /**
-     * Global template for the toast component
-     */
-    readonly structure: import("@angular/core").InputSignal<SlotContent<ToastContext>>;
-    readonly slotStructureFromContent: import("@angular/core").Signal<ToastStructureDirective | undefined>;
-    /**
-     * Header template for the toast component
-     */
-    readonly header: import("@angular/core").InputSignal<SlotContent<ToastContext>>;
-    readonly slotHeaderFromContent: import("@angular/core").Signal<ToastHeaderDirective | undefined>;
-    /**
-     * Callback called when the alert visibility changed.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
-    /**
-     * Callback called when the alert is hidden.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * Callback called when the alert is shown.
-     *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
-     */
-    readonly shown: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    readonly className: import("@angular/core").InputSignal<string | undefined>;
-    readonly slotChildren: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "[auToast]", never, { "dismissible": { "alias": "auDismissible"; "required": false; "isSignal": true; }; "transition": { "alias": "auTransition"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; "isSignal": true; }; "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "autoHide": { "alias": "auAutoHide"; "required": false; "isSignal": true; }; "delay": { "alias": "auDelay"; "required": false; "isSignal": true; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; "isSignal": true; }; "children": { "alias": "auChildren"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "header": { "alias": "auHeader"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotDefaultFromContent", "slotStructureFromContent", "slotHeaderFromContent"], ["*"], true, never>;
-}