@villedemontreal/angular-ui 2.2.1 → 3.1.1

package/lib/modal/modal-container.d.ts

@@ -0,0 +1,106 @@
+import { AnimationEvent } from '@angular/animations';
+import { FocusMonitor, FocusOrigin, ConfigurableFocusTrapFactory, InteractivityChecker } from '@angular/cdk/a11y';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter, NgZone } from '@angular/core';
+import { BaoModalInitialConfig } from './modal-config';
+import * as i0 from "@angular/core";
+/** Event that captures the state of modal container animations. */
+interface DialogAnimationEvent {
+    state: 'opened' | 'opening' | 'closing' | 'closed';
+    totalTime: number;
+}
+/**
+ * Throws an exception for the case when a ComponentPortal is
+ * attached to a DomPortalOutlet without an origin.
+ * @docs-private
+ */
+export declare function throwBaoModalContentAlreadyAttachedError(): void;
+/**
+ * Base class for the `BaoModalContainer`. The base class does not implement
+ * animations as these are left to implementers of the modal container.
+ */
+export declare abstract class _BaoModalContainerBase extends BasePortalOutlet {
+    protected _elementRef: ElementRef;
+    protected _focusTrapFactory: ConfigurableFocusTrapFactory;
+    protected _changeDetectorRef: ChangeDetectorRef;
+    /** The modal configuration. */
+    _config: BaoModalInitialConfig;
+    private readonly _interactivityChecker;
+    private readonly _ngZone;
+    private _focusMonitor?;
+    /** The portal outlet inside of this container into which the modal content will be loaded. */
+    _portalOutlet: CdkPortalOutlet;
+    /** Emits when an animation state changes. */
+    _animationStateChanged: EventEmitter<DialogAnimationEvent>;
+    /**
+     * Type of interaction that led to the modal being closed. This is used to determine
+     * whether the focus style will be applied when returning focus to its original location
+     * after the modal is closed.
+     */
+    _closeInteractionType: FocusOrigin | null;
+    /** ID of the element that should be considered as the modal's label. */
+    _ariaLabelledBy: string | null;
+    /** ID for the container DOM element. */
+    _id: string;
+    protected _document: Document;
+    /** The class that traps and manages focus within the modal. */
+    private _focusTrap;
+    /** Element that was focused before the modal was opened. Save this to restore upon close. */
+    private _elementFocusedBeforeDialogWasOpened;
+    constructor(_elementRef: ElementRef, _focusTrapFactory: ConfigurableFocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any, 
+    /** The modal configuration. */
+    _config: BaoModalInitialConfig, _interactivityChecker: InteractivityChecker, _ngZone: NgZone, _focusMonitor?: FocusMonitor);
+    /** Initializes the modal container with the attached content. */
+    _initializeWithAttachedContent(): void;
+    /**
+     * Attach a ComponentPortal as content to this modal container.
+     */
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    /**
+     * Attach a TemplatePortal as content to this modal container.
+     */
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    /** Moves focus back into the modal if it was moved out. */
+    _recaptureFocus(): Promise<void>;
+    /**
+     * Moves the focus inside the focus trap. When autoFocus is not set to 'modal', if focus
+     * cannot be moved then focus will go to the modal container.
+     */
+    protected _trapFocus(): Promise<void>;
+    /** Restores focus to the element that was focused before the modal opened. */
+    protected _restoreFocus(): void;
+    /**
+     * Focuses the provided element. If the element is not focusable, it will add a tabIndex
+     * attribute to forcefully focus it. The attribute is removed after focus is moved.
+     */
+    private _forceFocus;
+    /**
+     * Focuses the first element that matches the given selector within the focus trap.
+     */
+    private _focusByCssSelector;
+    /** Sets up the focus trap. */
+    private _setupFocusTrap;
+    /** Captures the element that was focused before the modal was opened. */
+    private _capturePreviouslyFocusedElement;
+    /** Focuses the modal container. */
+    private _focusDialogContainer;
+    /** Returns whether focus is inside the modal. */
+    private _containsFocus;
+    /** Starts the modal exit animation. */
+    abstract _startExitAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_BaoModalContainerBase, [null, null, null, { optional: true; }, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_BaoModalContainerBase, never, never, {}, {}, never, never, false>;
+}
+export declare class BaoModalContainer extends _BaoModalContainerBase {
+    /** State of the modal animation. */
+    _state: 'void' | 'enter' | 'exit';
+    /** Callback, invoked whenever an animation on the host completes. */
+    _onAnimationDone({ toState, totalTime }: AnimationEvent): Promise<void>;
+    /** Callback, invoked when an animation on the host starts. */
+    _onAnimationStart({ toState, totalTime }: AnimationEvent): void;
+    /** Starts the modal exit animation. */
+    _startExitAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoModalContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoModalContainer, "bao-modal-container", never, {}, {}, never, never, false>;
+}
+export {};

package/lib/modal/modal-directives.d.ts

@@ -0,0 +1,25 @@
+import { OnChanges, OnInit, SimpleChanges, ElementRef } from '@angular/core';
+import { BaoModal } from './modal';
+import { BaoModalRef } from './modal-ref';
+import * as i0 from "@angular/core";
+/**
+ * Button that will close the current dialog.
+ */
+export declare class BaoModalClose implements OnInit, OnChanges {
+    modalRef: BaoModalRef<unknown> | null;
+    private _elementRef;
+    private _dialog;
+    /** Screenreader label for the button. */
+    ariaLabel: string;
+    /** Default to "button" to prevents accidental form submits. */
+    type: 'submit' | 'button' | 'reset';
+    /** Dialog close input. */
+    dialogResult: unknown;
+    _baoModalClose: unknown;
+    constructor(modalRef: BaoModalRef<unknown> | null, _elementRef: ElementRef<HTMLElement>, _dialog: BaoModal);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    _onButtonClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoModalClose, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoModalClose, "[bao-modal-close], [baoModalClose]", ["BaoModalClose"], { "ariaLabel": "aria-label"; "type": "type"; "dialogResult": "bao-modal-close"; "_baoModalClose": "baoModalClose"; }, {}, never, never, false>;
+}

package/lib/modal/modal-ref.d.ts

@@ -0,0 +1,91 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+import { ModalPosition } from './modal-config';
+import { _BaoModalContainerBase } from './modal-container';
+/** Possible states of the lifecycle of a modal. */
+export declare const enum BaoModalState {
+    OPEN = 0,
+    CLOSING = 1,
+    CLOSED = 2
+}
+/**
+ * Reference to a modal opened via the BaoModalService.
+ */
+export declare class BaoModalRef<T, R = unknown> {
+    private _overlayRef;
+    _containerInstance: _BaoModalContainerBase;
+    /** Id of the modal. */
+    readonly id: string;
+    /** The instance of component opened into the modal. */
+    componentInstance: T;
+    /** Whether the user is allowed to close the modal. */
+    disableClose: boolean | undefined;
+    /** Subject for notifying the user that the modal has finished opening. */
+    private readonly _afterOpened;
+    /** Subject for notifying the user that the modal has finished closing. */
+    private readonly _afterClosed;
+    /** Subject for notifying the user that the modal has started closing. */
+    private readonly _beforeClosed;
+    /** Result to be passed to afterClosed. */
+    private _result;
+    /** Handle to the timeout that's running as a fallback in case the exit animation doesn't fire. */
+    private _closeFallbackTimeout;
+    /** Current state of the modal. */
+    private _state;
+    constructor(_overlayRef: OverlayRef, _containerInstance: _BaoModalContainerBase, 
+    /** Id of the modal. */
+    id?: string);
+    /**
+     * Close the modal.
+     * @param modalResult Optional result to return to the modal opener.
+     */
+    close(modalResult?: R): void;
+    /**
+     * Gets an observable that is notified when the modal is finished opening.
+     */
+    afterOpened(): Observable<void>;
+    /**
+     * Gets an observable that is notified when the modal is finished closing.
+     */
+    afterClosed(): Observable<R | undefined>;
+    /**
+     * Gets an observable that is notified when the modal has started closing.
+     */
+    beforeClosed(): Observable<R | undefined>;
+    /**
+     * Gets an observable that emits when the overlay's backdrop has been clicked.
+     */
+    backdropClick(): Observable<MouseEvent>;
+    /**
+     * Gets an observable that emits when keydown events are targeted on the overlay.
+     */
+    keydownEvents(): Observable<KeyboardEvent>;
+    /**
+     * Updates the dialog's position.
+     */
+    updatePosition(position?: ModalPosition): this;
+    /**
+     * Updates the modal's width and height.
+     */
+    updateSize(width?: string, height?: string): this;
+    /** Add a CSS class or an array of classes to the overlay pane. */
+    addPanelClass(classes: string | string[]): this;
+    /** Remove a CSS class or an array of classes from the overlay pane. */
+    removePanelClass(classes: string | string[]): this;
+    /** Gets the current state of the modal's lifecycle. */
+    getState(): BaoModalState;
+    /**
+     * Finishes the modal close by updating the state of the modal
+     * and disposing the overlay.
+     */
+    private _finishModalClose;
+    /** Fetches the position strategy object from the overlay ref. */
+    private _getPositionStrategy;
+}
+/**
+ * Closes the modal with the specified interaction type. This is currently not part of
+ * `BaoModalRef` as that would conflict with custom modal ref mocks provided in tests.
+ * More details. See: https://github.com/angular/components/pull/9257#issuecomment-651342226.
+ */
+export declare function _closeModalVia<R>(ref: BaoModalRef<R>, interactionType: FocusOrigin, result?: R): void;

package/lib/modal/modal.d.ts

@@ -0,0 +1,91 @@
+import { InjectionToken, Injector, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { BaoModalContainer, _BaoModalContainerBase } from './modal-container';
+import { BaoModalRef } from './modal-ref';
+import { BaoModalConfig } from './modal-config';
+import { ComponentType, Overlay, OverlayContainer } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+/** Injection token that can be used to access the data that was passed in to a modal. */
+export declare const BAO_MODAL_DATA: InjectionToken<unknown>;
+export declare abstract class BaoModalBase<C extends _BaoModalContainerBase> implements OnDestroy {
+    private _overlay;
+    private _injector;
+    private _parentModal;
+    private _overlayContainer;
+    private _modalRefConstructor;
+    private _modalContainerType;
+    private _modalDataToken;
+    private _animationMode?;
+    readonly afterAllClosed: Observable<void>;
+    private _openModalsAtThisLevel;
+    private readonly _afterAllClosedAtThisLevel;
+    private readonly _afterOpenedAtThisLevel;
+    private _ariaHiddenElements;
+    private _modalAnimatingOpen;
+    private _animationStateSubscriptions;
+    private _lastModalRef;
+    constructor(_overlay: Overlay, _injector: Injector, _parentModal: BaoModalBase<C> | undefined, _overlayContainer: OverlayContainer, _modalRefConstructor: Type<BaoModalRef<unknown>>, _modalContainerType: Type<C>, _modalDataToken: InjectionToken<unknown>, _animationMode?: 'NoopAnimations' | 'BrowserAnimations');
+    /** Keeps track of the currently-open modals. */
+    get openModals(): BaoModalRef<unknown>[];
+    /** Stream that emits when a modal has been opened. */
+    get afterOpened(): Subject<BaoModalRef<unknown>>;
+    getAfterAllClosed(): Subject<void>;
+    /**
+     * Opens a modal modal containing the given template.
+     */
+    open<T>(componentOrTemplateRef: ComponentType<T> | TemplateRef<T>, config?: BaoModalConfig): BaoModalRef<unknown>;
+    /**
+     * Closes all of the currently-open modals.
+     */
+    closeAll(): void;
+    /**
+     * Finds an open modal by its id.
+     */
+    getModalById(id: string): BaoModalRef<unknown> | undefined;
+    ngOnDestroy(): void;
+    /**
+     * Creates the overlay into which the modal will be loaded.
+     */
+    private _createOverlay;
+    /**
+     * Creates an overlay config from a modal config.
+     */
+    private _getOverlayConfig;
+    /**
+     * Attaches a modal container to a modal's already-created overlay.
+     */
+    private _attachModalContainer;
+    /**
+     * Attaches the user-provided component to the already-created modal container.
+     */
+    private _attachModalContent;
+    /**
+     * Creates a custom injector to be used inside the modal. This allows a component loaded inside
+     * of a modal to close itself and, optionally, to return a value.
+     */
+    private _createInjector;
+    /**
+     * Removes a modal from the array of open modals.
+     */
+    private _removeOpenModal;
+    /**
+     * Hides all of the content that isn't an overlay from assistive technology.
+     */
+    private _hideNonModalContentFromAssistiveTechnology;
+    /** Closes all of the modals in an array. */
+    private _closeModals;
+    /**
+     * Applies default options to the modal config.
+     */
+    private _applyConfigDefaults;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoModalBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoModalBase<any>, never, never, {}, {}, never, never, false>;
+}
+/**
+ * Service to open modal.
+ */
+export declare class BaoModal extends BaoModalBase<BaoModalContainer> {
+    constructor(overlay: Overlay, injector: Injector, parentModal: BaoModal, overlayContainer: OverlayContainer, animationMode?: 'NoopAnimations' | 'BrowserAnimations');
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoModal, [null, null, { optional: true; skipSelf: true; }, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaoModal>;
+}

package/lib/modal/module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./modal-container";
+import * as i2 from "./modal-directives";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@angular/cdk/portal";
+import * as i6 from "@angular/platform-browser/animations";
+export declare class BaoModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModalModule, [typeof i1.BaoModalContainer, typeof i2.BaoModalClose], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.PortalModule, typeof i6.BrowserAnimationsModule, typeof i6.NoopAnimationsModule], [typeof i1.BaoModalContainer, typeof i2.BaoModalClose]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoModalModule>;
+}

package/lib/radio/radio-group.component.d.ts

@@ -8,6 +8,19 @@ import * as i0 from "@angular/core";
 export declare const BAO_RADIO_GROUP: InjectionToken<BaoRadioButtonGroupComponent>;
 export declare class BaoRadioButtonGroupComponent implements AfterContentInit, ControlValueAccessor, AfterViewInit {
     private cdr;
+    /**
+     * The checkbox group ID. It is set dynamically with an unique ID by default
+     */
+    id: string;
+    /**
+     * Emit the value of the selected radio button
+     */
+    readonly change: EventEmitter<string>;
+    private staticContainer;
+    /**
+     * The aria-describedby for web accessibilty
+     */
+    ariaDescribedby: string | null;
     private _radios;
     private _value;
     private _name;
@@ -16,45 +29,32 @@ export declare class BaoRadioButtonGroupComponent implements AfterContentInit, C
     private _disabled;
     private _required;
     private _uniqueId;
-    /**
-     * The checkbox group ID. It is set dynamically with an unique ID by default
-     */
-    id: string;
+    constructor(cdr: ChangeDetectorRef);
     /**
      * Define the name property of all radio buttons. Default : null
      */
     get name(): string | null;
-    set name(value: string | null);
     /**
      * Define the value of the selected radio button. Default : null
      */
     get value(): string | null;
-    set value(newValue: string | null);
     /**
      * Define which radio button is selected. Default : null
      */
     get selected(): BaoRadioButtonComponent | null;
-    set selected(selected: BaoRadioButtonComponent | null);
     /**
      * Whether the radio button groupd is disabled. Default : false
      */
     get disabled(): boolean;
-    set disabled(value: boolean);
     /**
      * Whether the radio button groupd is required. Default : false
      */
     get required(): boolean;
+    set name(value: string | null);
+    set value(newValue: string | null);
+    set selected(selected: BaoRadioButtonComponent | null);
+    set disabled(value: boolean);
     set required(value: boolean);
-    /**
-     * Emit the value of the selected radio button
-     */
-    readonly change: EventEmitter<string>;
-    /**
-     * The aria-describedby for web accessibilty
-     */
-    ariaDescribedby: string | null;
-    private staticContainer;
-    constructor(cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     /**
@@ -106,5 +106,5 @@ export declare class BaoRadioButtonGroupComponent implements AfterContentInit, C
     private showAriaDescribedBy;
     private onTouch;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoRadioButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoRadioButtonGroupComponent, "bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]", ["baoRadioGroup"], { "id": "id"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "required": "required"; }, { "change": "change"; }, ["_radios"], ["*", "bao-error, [bao-error], bao-guiding-text, [bao-guiding-text]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoRadioButtonGroupComponent, "bao-radio-button-group, [bao-radio-button-group], [baoRadioButtonGroup]", ["baoRadioGroup"], { "id": "id"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "required": "required"; }, { "change": "change"; }, ["staticContainer"], ["*", "bao-error, [bao-error], bao-guiding-text, [bao-guiding-text]"], false>;
 }

package/lib/radio/radio.component.d.ts

@@ -8,11 +8,6 @@ export declare class BaoRadioButtonComponent implements AfterViewInit, OnInit, O
     private cdr;
     private focusMonitor;
     private radioDispatcher;
-    private _checked;
-    private _disabled;
-    private _required;
-    private _value;
-    private _uniqueId;
     /**
      * The radio button ID. It is set dynamically with an unique ID by default
      */
@@ -33,26 +28,6 @@ export declare class BaoRadioButtonComponent implements AfterViewInit, OnInit, O
      * The name property of the radio button
      */
     name: string | null;
-    /**
-     * Whether the radio button is checked. Default : false
-     */
-    get checked(): boolean;
-    set checked(value: boolean);
-    /**
-     * Define the radio button value. Default : null
-     */
-    get value(): string;
-    set value(value: string);
-    /**
-     * Whether the radio button is disabled. Default : false
-     */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    /**
-     * Whether the radio button is required. Default : false
-     */
-    get required(): boolean;
-    set required(value: boolean);
     /**
      * The visible state of the label
      */
@@ -81,8 +56,33 @@ export declare class BaoRadioButtonComponent implements AfterViewInit, OnInit, O
      * The ID of the input html element
      */
     inputID: string;
-    constructor(radioGroup: BaoRadioButtonGroupComponent, elementRef: ElementRef, cdr: ChangeDetectorRef, focusMonitor: FocusMonitor, radioDispatcher: UniqueSelectionDispatcher);
+    private _checked;
+    private _disabled;
+    private _required;
+    private _value;
+    private _uniqueId;
+    constructor(radioGroup: BaoRadioButtonGroupComponent, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, focusMonitor: FocusMonitor, radioDispatcher: UniqueSelectionDispatcher);
+    /**
+     * Whether the radio button is checked. Default : false
+     */
+    get checked(): boolean;
+    /**
+     * Define the radio button value. Default : null
+     */
+    get value(): string;
+    /**
+     * Whether the radio button is disabled. Default : false
+     */
+    get disabled(): boolean;
+    /**
+     * Whether the radio button is required. Default : false
+     */
+    get required(): boolean;
     get nativeElement(): HTMLElement;
+    set checked(value: boolean);
+    set value(value: string);
+    set disabled(value: boolean);
+    set required(value: boolean);
     focus(options?: FocusOptions, origin?: FocusOrigin): void;
     /**
      * Method called from the parent as one of the parent input has changed. Prevent change detection error.
@@ -104,9 +104,9 @@ export declare class BaoRadioButtonComponent implements AfterViewInit, OnInit, O
     /** Unregister function for radioDispatcher */
     private _removeUniqueSelectionListener;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoRadioButtonComponent, [{ optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoRadioButtonComponent, "bao-radio-button, [bao-radio-button]", never, { "id": "id"; "ariaLabel": "aria-label"; "brandBorder": "brandBorder"; "inline": "inline"; "name": "name"; "checked": "checked"; "value": "value"; "disabled": "disabled"; "required": "required"; "hiddenLabel": "hiddenLabel"; }, { "change": "change"; }, never, ["*", "bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoRadioButtonComponent, "bao-radio-button, [bao-radio-button]", never, { "id": "id"; "ariaLabel": "aria-label"; "brandBorder": "brandBorder"; "inline": "inline"; "name": "name"; "hiddenLabel": "hiddenLabel"; "checked": "checked"; "value": "value"; "disabled": "disabled"; "required": "required"; }, { "change": "change"; }, never, ["*", "bao-radio-button-description, [bao-radio-button-description], [baoRadioButtonDescription]"], false>;
 }
 export declare class BaoRadioDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoRadioDescription, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoRadioDescription, "bao-radio-button-description, [bao-radio-button-description],  [baoRadioButtonDescription]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoRadioDescription, "bao-radio-button-description, [bao-radio-button-description],  [baoRadioButtonDescription]", never, {}, {}, never, never, false>;
 }

package/lib/summary/list-summary.component.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class BaoListSummaryItem {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoListSummaryItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoListSummaryItem, "bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoListSummaryItem, "bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]", never, {}, {}, never, ["*"], false>;
 }
 export declare class BaoListSummary {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoListSummary, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoListSummary, "bao-list-summary, [bao-list-summary], [baoListSummary]", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoListSummary, "bao-list-summary, [bao-list-summary], [baoListSummary]", never, {}, {}, never, ["*"], false>;
 }

package/lib/summary/summary.component.d.ts

@@ -9,10 +9,6 @@ export declare class BaoSummaryComponent implements OnInit, AfterViewInit {
      * COMPACT (viewport width < 576px)
      */
     displayMode: EDisplayMode;
-    /**
-     * Initialize the ID for summary
-     */
-    private _uniqueId;
     /**
      * Set value of unique ID for bao-label
      */
@@ -31,17 +27,21 @@ export declare class BaoSummaryComponent implements OnInit, AfterViewInit {
      * The aria-labelledby id for web accessibility
      */
     ariaLabelledby?: string;
+    /**
+     * Initialize the ID for summary
+     */
+    private _uniqueId;
     private attribues;
-    constructor(elementRef: ElementRef);
+    constructor(elementRef: ElementRef<HTMLElement>);
     get nativeElement(): HTMLElement;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     setAriaDescribedByToDescription(): void;
     private elementNode;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoSummaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoSummaryComponent, "bao-summary, [bao-summary], [baoSummary]", never, { "displayMode": "displayMode"; "id": "id"; }, {}, never, ["bao-label", "bao-guiding-text, [bao-guiding-text]", "bao-title-text, [bao-title-text]", "bao-summary-description", "bao-list-summary, [bao-list-summary], [baoListSummary]", "button[bao-button]", "bao-error, [bao-error]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoSummaryComponent, "bao-summary, [bao-summary], [baoSummary]", never, { "displayMode": "displayMode"; "id": "id"; }, {}, never, ["bao-label", "bao-guiding-text, [bao-guiding-text]", "bao-title-text, [bao-title-text]", "bao-summary-description", "bao-list-summary, [bao-list-summary], [baoListSummary]", "button[bao-button]", "bao-error, [bao-error]"], false>;
 }
 export declare class BaoSummaryDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoSummaryDescription, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoSummaryDescription, "bao-summary-description, [bao-summary-description], [baoSummaryDescription]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoSummaryDescription, "bao-summary-description, [bao-summary-description], [baoSummaryDescription]", never, {}, {}, never, never, false>;
 }

package/lib/tabs/index.d.ts

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

package/lib/tabs/module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tabs.component";
+import * as i2 from "@angular/common";
+export declare class BaoTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoTabsModule, [typeof i1.BaoTabsContainer, typeof i1.BaoTablistComponent, typeof i1.BaoTabHeader, typeof i1.BaoTabPanel], [typeof i2.CommonModule], [typeof i1.BaoTabsContainer, typeof i1.BaoTablistComponent, typeof i1.BaoTabHeader, typeof i1.BaoTabPanel]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoTabsModule>;
+}

package/lib/tabs/tabs.component.d.ts

@@ -0,0 +1,95 @@
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BaoTabHeader implements AfterViewInit {
+    private renderer;
+    private elementRef;
+    /**
+     * Emits its index when tab is clicked
+     */
+    onTabClick: EventEmitter<string>;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get nativeElement(): HTMLElement;
+    onClick(el: HTMLElement): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoTabHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoTabHeader, "bao-tab-header, [bao-tab-header]", ["baoTabHeader"], {}, { "onTabClick": "onTabClick"; }, never, never, false>;
+}
+export declare class BaoTabPanel implements AfterViewInit {
+    private renderer;
+    private elementRef;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get nativeElement(): HTMLElement;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoTabPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoTabPanel, "bao-panel, [bao-panel]", ["baoPanel"], {}, {}, never, never, false>;
+}
+export declare class BaoTablistComponent implements AfterViewInit, AfterContentInit, OnDestroy {
+    private renderer;
+    private elementRef;
+    tabHeaders: QueryList<BaoTabHeader>;
+    /**
+     * Size of the tabs displayed
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Optionnal value to be used as aria-label property on tablist component
+     */
+    ariaLabel: string;
+    /**
+     * Emits the index of the new active tab
+     */
+    activeTabChange: EventEmitter<string>;
+    /**
+     * Index of the tab that is currently active
+     */
+    private activeTabIndex;
+    /**
+     * Unique ID for every instance of BaoTablist component
+     */
+    private uniqueId;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get nativeElement(): HTMLElement;
+    get tabs(): HTMLCollection;
+    leftKeyEvent(): void;
+    rightKeyEvent(): void;
+    /**
+     * Makes the focus visible on tab header when changing from mouse to keyboard navigation
+     */
+    tabKeyEvent(): void;
+    /**
+     * Makes the focus visible on tab header when changing from mouse to keyboard navigation
+     */
+    tabShiftKeyEvent(): void;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private setTablistAttributes;
+    private setInitialActiveTab;
+    private changeActiveTab;
+    /**
+     * Finds the next activable tab index when navigating with left and right arrow keys
+     * @param currentIndex Tab index which currently has focus
+     * @param isRight Whether the tab navigation is going in the right direction or not
+     * @returns Index of the new tab that will receive focus
+     */
+    private getNextActivableTabIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoTablistComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoTablistComponent, "bao-tablist, [bao-tablist]", never, { "size": "size"; "ariaLabel": "ariaLabel"; }, { "activeTabChange": "activeTabChange"; }, ["tabHeaders"], ["*"], false>;
+}
+export declare class BaoTabsContainer implements AfterViewInit, AfterContentInit, OnDestroy {
+    private renderer;
+    private elementRef;
+    tablist: BaoTablistComponent;
+    private panelIdPrefix;
+    private tabIdPrefix;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get tabs(): HTMLCollection;
+    get panels(): NodeListOf<Element>;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private setInitialActivePanel;
+    private changeActivePanel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoTabsContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoTabsContainer, "bao-tabs, [bao-tabs]", ["baoTabs"], {}, {}, ["tablist"], never, false>;
+}