@agnos-ui/angular-bootstrap 0.3.0

package/README.md

@@ -0,0 +1,15 @@
+# @agnos-ui/angular
+
+[![npm](https://img.shields.io/npm/v/@agnos-ui/angular-bootstrap)](https://www.npmjs.com/package/@agnos-ui/angular-bootstrap)
+
+[Bootstrap](https://getbootstrap.com/)-based widget library for [Angular](https://angular.io/).
+
+## Installation
+
+```sh
+npm install @agnos-ui/angular-bootstrap
+```
+
+## Usage
+
+Please check [our demo site](https://amadeusitgroup.github.io/AgnosUI/latest/) to see all the available widgets and how to use them.

package/agnos-ui-angular.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@agnos-ui/angular-headless";
+import * as i2 from "./components/select/select.component";
+import * as i3 from "./components/rating/rating.component";
+import * as i4 from "./components/pagination/pagination.component";
+import * as i5 from "./components/modal/modal.component";
+import * as i6 from "./components/alert/alert.component";
+import * as i7 from "./components/accordion/accordion.component";
+import * as i8 from "./components/slider/slider.component";
+import * as i9 from "./components/progressbar/progressbar.component";
+import * as i10 from "./components/toast/toast.component";
+export declare class AgnosUIAngularModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgnosUIAngularModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective], [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AgnosUIAngularModule>;
+}

package/components/accordion/accordion.component.d.ts

@@ -0,0 +1,239 @@
+import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
+import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
+import type { AfterContentChecked, AfterViewInit } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import type { AccordionItemContext, AccordionItemWidget, AccordionWidget } from './accordion';
+import * as i0 from "@angular/core";
+export declare class AccordionBodyDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(dir: AccordionBodyDirective, context: unknown): context is AccordionItemContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionBodyDirective, "ng-template[auAccordionItemBody]", never, {}, {}, never, never, true, never>;
+}
+export declare class AccordionHeaderDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(dir: AccordionHeaderDirective, context: unknown): context is AccordionItemContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionHeaderDirective, "ng-template[auAccordionItemHeader]", never, {}, {}, never, never, true, never>;
+}
+export declare class AccordionItemStructureDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(dir: AccordionItemStructureDirective, context: unknown): context is AccordionItemContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemStructureDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionItemStructureDirective, "ng-template[auAccordionItemStructure]", never, {}, {}, never, never, true, never>;
+}
+export declare class AccordionItemDefaultSlotsComponent {
+    structure: TemplateRef<AccordionItemContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemDefaultSlotsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemDefaultSlotsComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+export declare const accordionItemDefaultSlotItemStructure: ComponentTemplate<unknown, "structure", AccordionItemDefaultSlotsComponent>;
+export declare class AccordionItemComponent extends BaseWidgetDirective<AccordionItemWidget> implements AfterContentChecked, AfterViewInit {
+    slotItemHeader: SlotContent<AccordionItemContext>;
+    slotItemHeaderFromContent: AccordionHeaderDirective | null;
+    slotItemBody: SlotContent<AccordionItemContext>;
+    slotItemBodyFromContent: AccordionBodyDirective | null;
+    slotItemStructure: SlotContent<AccordionItemContext>;
+    slotItemStructureFromContent: AccordionItemStructureDirective | null;
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     */
+    itemId: string | undefined;
+    /**
+     * The transition to use for the accordion-item body-container when the accordion-item is toggled.
+     */
+    itemTransition: TransitionFn | undefined;
+    /**
+     * CSS classes to add on the accordion-item DOM element.
+     */
+    itemClass: string | undefined;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     */
+    itemDestroyOnHide: boolean | undefined;
+    /**
+     * If `true`, the accordion-item will be disabled.
+     * It will not react to user's clicks, but still will be possible to toggle programmatically.
+     */
+    itemDisabled: boolean | undefined;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     */
+    itemVisible: boolean | undefined;
+    /**
+     * If `true`, accordion-item will be animated.
+     */
+    itemAnimated: boolean | undefined;
+    /**
+     * CSS classes to add on the accordion-item header DOM element.
+     */
+    itemHeaderClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item collapse DOM element.
+     */
+    itemButtonClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item body container DOM element.
+     * The accordion-item body container is the DOM element on what the itemTransition is applied.
+     */
+    itemBodyContainerClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item body DOM element.
+     */
+    itemBodyClass: string | undefined;
+    /**
+     * The html tag to use for the accordion-item-header.
+     */
+    itemHeadingTag: string | undefined;
+    /**
+     * An event fired when an item is shown.
+     */
+    itemShown: EventEmitter<void>;
+    /**
+     * An event fired when an item is hidden.
+     */
+    itemHidden: EventEmitter<void>;
+    /**
+     * An event fired when the `visible` value changes.
+     *
+     * Event payload is the new value of visible.
+     */
+    itemVisibleChange: EventEmitter<boolean>;
+    readonly ad: AccordionDirective;
+    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AccordionItemWidget>;
+    ngAfterContentChecked(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "[auAccordionItem]", ["auAccordionItem"], { "slotItemHeader": { "alias": "auSlotItemHeader"; "required": false; }; "slotItemBody": { "alias": "auSlotItemBody"; "required": false; }; "slotItemStructure": { "alias": "auSlotItemStructure"; "required": false; }; "itemId": { "alias": "auItemId"; "required": false; }; "itemTransition": { "alias": "auItemTransition"; "required": false; }; "itemClass": { "alias": "auItemClass"; "required": false; }; "itemDestroyOnHide": { "alias": "auItemDestroyOnHide"; "required": false; }; "itemDisabled": { "alias": "auItemDisabled"; "required": false; }; "itemVisible": { "alias": "auItemVisible"; "required": false; }; "itemAnimated": { "alias": "auItemAnimated"; "required": false; }; "itemHeaderClass": { "alias": "auItemHeaderClass"; "required": false; }; "itemButtonClass": { "alias": "auItemButtonClass"; "required": false; }; "itemBodyContainerClass": { "alias": "auItemBodyContainerClass"; "required": false; }; "itemBodyClass": { "alias": "auItemBodyClass"; "required": false; }; "itemHeadingTag": { "alias": "auItemHeadingTag"; "required": false; }; }, { "itemShown": "auItemShown"; "itemHidden": "auItemHidden"; "itemVisibleChange": "auItemVisibleChange"; }, ["slotItemHeaderFromContent", "slotItemBodyFromContent", "slotItemStructureFromContent"], never, true, never>;
+    static ngAcceptInputType_itemDestroyOnHide: unknown;
+    static ngAcceptInputType_itemDisabled: unknown;
+    static ngAcceptInputType_itemVisible: unknown;
+    static ngAcceptInputType_itemAnimated: unknown;
+}
+export declare class AccordionDirective extends BaseWidgetDirective<AccordionWidget> {
+    /**
+     * If `true`, only one accordion-item at the time can stay open.
+     */
+    closeOthers: boolean | undefined;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string | undefined;
+    /**
+     * An event fired when an item is shown.
+     *
+     * Event payload is the id of the item.
+     */
+    shown: EventEmitter<string>;
+    /**
+     * An event fired when an item is hidden.
+     *
+     * Event payload is the id of the item.
+     */
+    hidden: EventEmitter<string>;
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemId: string | undefined;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemDestroyOnHide: boolean | undefined;
+    /**
+     * If `true`, the accordion-item will be disabled.
+     * It will not react to user's clicks, but still will be possible to toggle programmatically.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemDisabled: boolean | undefined;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemVisible: boolean | undefined;
+    /**
+     * If `true`, accordion-item will be animated.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemAnimated: boolean | undefined;
+    /**
+     * The transition to use for the accordion-item body-container when the accordion-item is toggled.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemTransition: TransitionFn | undefined;
+    slotItemStructure: SlotContent<AccordionItemContext>;
+    slotItemBody: SlotContent<AccordionItemContext>;
+    slotItemHeader: SlotContent<AccordionItemContext>;
+    /**
+     * CSS classes to add on the accordion-item DOM element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item header DOM element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemHeaderClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item toggle button DOM element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemButtonClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item body container DOM element.
+     * The accordion-item body container is the DOM element on what the itemTransition is applied.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemBodyContainerClass: string | undefined;
+    /**
+     * CSS classes to add on the accordion-item body DOM element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemBodyClass: string | undefined;
+    /**
+     * The html tag to use for the accordion-item-header.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemHeadingTag: string | undefined;
+    /**
+     * An event fired when an item is shown.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemShown: EventEmitter<void>;
+    /**
+     * An event fired when an item is hidden.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemHidden: EventEmitter<void>;
+    /**
+     * An event fired when the `visible` value changes.
+     *
+     * Event payload is the new value of visible.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemVisibleChange: EventEmitter<boolean>;
+    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AccordionWidget>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionDirective, "[auAccordion]", ["auAccordion"], { "closeOthers": { "alias": "auCloseOthers"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "itemId": { "alias": "auItemId"; "required": false; }; "itemDestroyOnHide": { "alias": "auItemDestroyOnHide"; "required": false; }; "itemDisabled": { "alias": "auItemDisabled"; "required": false; }; "itemVisible": { "alias": "auItemVisible"; "required": false; }; "itemAnimated": { "alias": "auItemAnimated"; "required": false; }; "itemTransition": { "alias": "auItemTransition"; "required": false; }; "slotItemStructure": { "alias": "auSlotItemStructure"; "required": false; }; "slotItemBody": { "alias": "auSlotItemBody"; "required": false; }; "slotItemHeader": { "alias": "auSlotItemHeader"; "required": false; }; "itemClass": { "alias": "auItemClass"; "required": false; }; "itemHeaderClass": { "alias": "auItemHeaderClass"; "required": false; }; "itemButtonClass": { "alias": "auItemButtonClass"; "required": false; }; "itemBodyContainerClass": { "alias": "auItemBodyContainerClass"; "required": false; }; "itemBodyClass": { "alias": "auItemBodyClass"; "required": false; }; "itemHeadingTag": { "alias": "auItemHeadingTag"; "required": false; }; }, { "shown": "auShown"; "hidden": "auHidden"; "itemShown": "auItemShown"; "itemHidden": "auItemHidden"; "itemVisibleChange": "auItemVisibleChange"; }, never, never, true, never>;
+    static ngAcceptInputType_closeOthers: unknown;
+    static ngAcceptInputType_itemDestroyOnHide: unknown;
+    static ngAcceptInputType_itemDisabled: unknown;
+    static ngAcceptInputType_itemVisible: unknown;
+    static ngAcceptInputType_itemAnimated: unknown;
+}

package/components/accordion/accordion.d.ts

@@ -0,0 +1,11 @@
+import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
+export * from '@agnos-ui/core-bootstrap/components/accordion';
+export type AccordionWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/accordion').AccordionWidget>;
+export type AccordionProps = WidgetProps<AccordionWidget>;
+export type AccordionState = WidgetState<AccordionWidget>;
+export type AccordionApi = AccordionWidget['api'];
+export type AccordionItemWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/accordion').AccordionItemWidget>;
+export type AccordionItemProps = WidgetProps<AccordionItemWidget>;
+export type AccordionItemState = WidgetState<AccordionItemWidget>;
+export type AccordionItemContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/accordion').AccordionItemContext>;
+export declare const createAccordion: WidgetFactory<AccordionWidget>;

package/components/accordion/index.d.ts

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

package/components/alert/alert.component.d.ts

@@ -0,0 +1,95 @@
+import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
+import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
+import type { AlertContext, AlertProps, AlertWidget } from './alert';
+import { type WritableSignal } from '@amadeus-it-group/tansu';
+import type { AfterContentChecked } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import type { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
+import * as i0 from "@angular/core";
+export declare class AlertBodyDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(dir: AlertBodyDirective, context: unknown): context is AlertContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AlertBodyDirective, "ng-template[auAlertBody]", never, {}, {}, never, never, true, never>;
+}
+export declare class AlertStructureDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(dir: AlertStructureDirective, context: unknown): context is AlertContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertStructureDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AlertStructureDirective, "ng-template[auAlertStructure]", never, {}, {}, never, never, true, never>;
+}
+export declare class AlertDefaultSlotsComponent {
+    structure: TemplateRef<AlertContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDefaultSlotsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDefaultSlotsComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+export declare const alertDefaultSlotStructure: ComponentTemplate<unknown, "structure", AlertDefaultSlotsComponent>;
+export type PartialAlertProps = Partial<AlertProps>;
+export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> implements AfterContentChecked {
+    /**
+     * Type of the alert, following bootstrap types.
+     */
+    type: BSContextualClass | undefined;
+    /**
+     * 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.
+     */
+    dismissible: boolean | undefined;
+    /**
+     * The transition function will be executed when the alert is displayed or hidden.
+     *
+     * Depending on the value of CommonAlertProps.animatedOnInit, the animation can be optionally skipped during the showing process.
+     */
+    transition: TransitionFn | undefined;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean | undefined;
+    /**
+     * If `true`, alert opening will be animated.
+     *
+     * Animation is triggered  when the `.open()` function is called
+     * or the visible prop is changed
+     */
+    animatedOnInit: boolean | undefined;
+    /**
+     * 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
+     */
+    animated: boolean | undefined;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string | undefined;
+    slotDefault: SlotContent<AlertContext>;
+    slotDefaultFromContent: AlertBodyDirective | null;
+    slotStructure: SlotContent<AlertContext>;
+    slotStructureFromContent: AlertStructureDirective | undefined;
+    /**
+     * Callback called when the alert visibility changed.
+     */
+    visibleChange: EventEmitter<boolean>;
+    /**
+     * Callback called when the alert is hidden.
+     */
+    hidden: EventEmitter<void>;
+    /**
+     * Callback called when the alert is shown.
+     */
+    shown: EventEmitter<void>;
+    readonly defaultSlots: WritableSignal<PartialAlertProps>;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string | undefined;
+    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AlertWidget>;
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "[auAlert]", never, { "type": { "alias": "auType"; "required": false; }; "dismissible": { "alias": "auDismissible"; "required": false; }; "transition": { "alias": "auTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "slotDefault": { "alias": "auSlotDefault"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotDefaultFromContent", "slotStructureFromContent"], ["*"], true, never>;
+    static ngAcceptInputType_dismissible: unknown;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_animatedOnInit: unknown;
+    static ngAcceptInputType_animated: unknown;
+}

package/components/alert/alert.d.ts

@@ -0,0 +1,7 @@
+import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
+export * from '@agnos-ui/core-bootstrap/components/alert';
+export type AlertWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/alert').AlertWidget>;
+export type AlertProps = WidgetProps<AlertWidget>;
+export type AlertState = WidgetState<AlertWidget>;
+export type AlertContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/alert').AlertContext>;
+export declare const createAlert: WidgetFactory<AlertWidget>;

package/components/alert/index.d.ts

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

package/components/modal/index.d.ts

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

package/components/modal/modal.component.d.ts

@@ -0,0 +1,164 @@
+import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
+import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
+import type { ModalContext, ModalProps, ModalWidget, ModalBeforeCloseEvent } from './modal';
+import type { AfterContentChecked } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive to provide the slot structure for the modal widget.
+ */
+export declare class ModalStructureDirective<Data> {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard<Data>(dir: ModalStructureDirective<Data>, context: unknown): context is ModalContext<Data>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalStructureDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalStructureDirective<any>, "ng-template[auModalStructure]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive to provide the slot header for the modal widget.
+ */
+export declare class ModalHeaderDirective<Data> {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard<Data>(_dir: ModalHeaderDirective<Data>, context: unknown): context is ModalContext<Data>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalHeaderDirective<any>, "ng-template[auModalHeader]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive to provide the slot title for the modal widget.
+ */
+export declare class ModalTitleDirective<Data> {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard<Data>(_dir: ModalTitleDirective<Data>, context: unknown): context is ModalContext<Data>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalTitleDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTitleDirective<any>, "ng-template[auModalTitle]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive to provide the default slot for the modal widget.
+ */
+export declare class ModalBodyDirective<Data> {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard<Data>(_dir: ModalBodyDirective<Data>, context: unknown): context is ModalContext<Data>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalBodyDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalBodyDirective<any>, "ng-template[auModalBody]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive to provide the slot footer for the modal widget.
+ */
+export declare class ModalFooterDirective<Data> {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard<Data>(_dir: ModalFooterDirective<Data>, context: unknown): context is ModalContext<Data>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalFooterDirective<any>, "ng-template[auModalFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Component containing the default slots for the modal.
+ */
+export declare class ModalDefaultSlotsComponent<Data> {
+    header: TemplateRef<ModalContext<Data>>;
+    structure: TemplateRef<ModalContext<Data>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalDefaultSlotsComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalDefaultSlotsComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Default slot for modal header.
+ */
+export declare const modalDefaultSlotHeader: ComponentTemplate<unknown, "header", ModalDefaultSlotsComponent<unknown>>;
+/**
+ * Default slot for modal structure.
+ */
+export declare const modalDefaultSlotStructure: ComponentTemplate<unknown, "structure", ModalDefaultSlotsComponent<unknown>>;
+/**
+ * Modal component.
+ */
+export declare class ModalComponent<Data> extends BaseWidgetDirective<ModalWidget<Data>> implements AfterContentChecked {
+    /**
+     * Whether the modal and its backdrop (if present) should be animated when shown or hidden.
+     */
+    animated: boolean | undefined;
+    /**
+     * The transition to use for the backdrop behind the modal (if present).
+     */
+    backdropTransition: TransitionFn | undefined;
+    /**
+     * The transition to use for the modal.
+     */
+    modalTransition: TransitionFn | undefined;
+    /**
+     * Whether the modal should be visible when the transition is completed.
+     */
+    visible: boolean | undefined;
+    /**
+     * Whether a backdrop should be created behind the modal.
+     */
+    backdrop: boolean | undefined;
+    /**
+     * Whether the modal should be closed when clicking on the viewport outside the modal.
+     */
+    closeOnOutsideClick: boolean | undefined;
+    /**
+     * Which element should contain the modal and backdrop DOM elements.
+     * If it is not null, the modal and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     */
+    container: HTMLElement | null | undefined;
+    /**
+     * Value of the aria-label attribute to put on the close button.
+     */
+    ariaCloseButtonLabel: string | undefined;
+    /**
+     * Classes to add on the backdrop DOM element.
+     */
+    backdropClass: string | undefined;
+    /**
+     * Whether to display the close button.
+     */
+    closeButton: boolean | undefined;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string | undefined;
+    /**
+     * Option to create a fullscreen modal, according to the bootstrap documentation.
+     */
+    fullscreen: boolean | undefined;
+    slotStructure: SlotContent<ModalContext<Data>>;
+    slotStructureFromContent: ModalStructureDirective<Data> | null;
+    slotHeader: SlotContent<ModalContext<Data>>;
+    slotHeaderFromContent: ModalHeaderDirective<Data> | null;
+    slotTitle: SlotContent<ModalContext<Data>>;
+    slotTitleFromContent: ModalTitleDirective<Data> | null;
+    slotDefault: SlotContent<ModalContext<Data>>;
+    slotDefaultFromContent: ModalBodyDirective<Data> | null;
+    slotFooter: SlotContent<ModalContext<Data>>;
+    slotFooterFromContent: ModalFooterDirective<Data> | null;
+    /**
+     * Data to use in content slots
+     */
+    contentData: Data | undefined;
+    /**
+     * Event to be triggered when the visible property changes.
+     */
+    visibleChange: EventEmitter<boolean>;
+    /**
+     * Event to be triggered when the modal is about to be closed (i.e. the close method was called).
+     */
+    beforeClose: EventEmitter<ModalBeforeCloseEvent>;
+    /**
+     * Event to be triggered when the transition is completed and the modal is not visible.
+     */
+    hidden: EventEmitter<void>;
+    /**
+     * Event to be triggered when the transition is completed and the modal is visible.
+     */
+    shown: EventEmitter<void>;
+    readonly defaultSlots: import("@amadeus-it-group/tansu").WritableSignal<Partial<ModalProps<any>>, Partial<ModalProps<any>>>;
+    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<ModalWidget<Data>>;
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent<any>, "[auModal]", never, { "animated": { "alias": "auAnimated"; "required": false; }; "backdropTransition": { "alias": "auBackdropTransition"; "required": false; }; "modalTransition": { "alias": "auModalTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "backdrop": { "alias": "auBackdrop"; "required": false; }; "closeOnOutsideClick": { "alias": "auCloseOnOutsideClick"; "required": false; }; "container": { "alias": "auContainer"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "backdropClass": { "alias": "auBackdropClass"; "required": false; }; "closeButton": { "alias": "auCloseButton"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "fullscreen": { "alias": "auFullscreen"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "slotHeader": { "alias": "auSlotHeader"; "required": false; }; "slotTitle": { "alias": "auSlotTitle"; "required": false; }; "slotDefault": { "alias": "auSlotDefault"; "required": false; }; "slotFooter": { "alias": "auSlotFooter"; "required": false; }; "contentData": { "alias": "auContentData"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "beforeClose": "auBeforeClose"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotStructureFromContent", "slotHeaderFromContent", "slotTitleFromContent", "slotDefaultFromContent", "slotFooterFromContent"], ["*"], true, never>;
+    static ngAcceptInputType_animated: unknown;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_backdrop: unknown;
+    static ngAcceptInputType_closeOnOutsideClick: unknown;
+    static ngAcceptInputType_closeButton: unknown;
+    static ngAcceptInputType_fullscreen: unknown;
+}

package/components/modal/modal.d.ts

@@ -0,0 +1,9 @@
+import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, PropsConfig } from '@agnos-ui/angular-headless';
+export * from '@agnos-ui/core-bootstrap/components/modal';
+export interface ModalWidget<Data> extends AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/modal').ModalWidget<Data>> {
+}
+export type ModalProps<Data> = WidgetProps<ModalWidget<Data>>;
+export type ModalState<Data> = WidgetState<ModalWidget<Data>>;
+export interface ModalContext<Data> extends AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/modal').ModalContext<Data>> {
+}
+export declare const createModal: <Data>(config?: PropsConfig<ModalProps<Data>>) => ModalWidget<Data>;

package/components/modal/modal.service.d.ts

@@ -0,0 +1,13 @@
+import type { ModalProps } from './modal';
+import { Injector } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ModalServiceOpenOptions {
+    injector?: Injector;
+}
+export declare class ModalService {
+    private readonly _injector;
+    private readonly _applicationRef;
+    open<Data>(options: Partial<ModalProps<Data>>, { injector }?: ModalServiceOpenOptions): Promise<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
+}

package/components/pagination/index.d.ts

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