@villedemontreal/angular-ui 2.2.1 → 3.0.0

package/lib/alert/alert.component.d.ts

@@ -62,9 +62,8 @@ export declare class BaoAlertComponent implements OnChanges {
     /**
      * Alert type
      */
-    type: '' | 'success' | 'danger' | 'warning' | 'info';
+    type: 'success' | 'danger' | 'warning' | 'emergency' | 'info';
     dismissible: boolean;
-    showIcon: boolean;
     dismiss: EventEmitter<any>;
     iconType: string;
     iconTitle: string;
@@ -73,5 +72,5 @@ export declare class BaoAlertComponent implements OnChanges {
     alertTitleIcon(value: string): any;
     onDismissClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoAlertComponent, "bao-alert", never, { "type": "type"; "dismissible": "dismissible"; "showIcon": "showIcon"; }, { "dismiss": "dismiss"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoAlertComponent, "bao-alert", never, { "type": "type"; "dismissible": "dismissible"; }, { "dismiss": "dismiss"; }, never, ["*"]>;
 }

package/lib/avatar/avatar.component.d.ts

@@ -0,0 +1,26 @@
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BaoAvatarContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoAvatarContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoAvatarContent, "bao-avatar-content, [bao-avatar-content]", ["baoAvatarContent"], {}, {}, never>;
+}
+export declare class BaoAvatarComponent implements AfterViewInit {
+    private renderer;
+    private elementRef;
+    /**
+     * Name of the profile to be used as title of the avatar.
+     */
+    profileName: string;
+    /**
+     * ID of the background color to be used if avatar's content is text.
+     */
+    color: 'background-color-1' | 'background-color-2' | 'background-color-3' | 'background-color-4' | 'background-color-5' | 'background-color-6' | 'background-color-7' | 'background-color-8' | 'background-color-9' | 'background-color-10';
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get nativeElement(): HTMLElement;
+    ngAfterViewInit(): void;
+    private addIcon;
+    private setProfileName;
+    private formatInitials;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoAvatarComponent, "bao-avatar", never, { "profileName": "profileName"; "color": "color"; }, {}, never, ["bao-avatar-content, [bao-avatar-content]"]>;
+}

package/lib/avatar/index.d.ts

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

package/lib/avatar/module.d.ts

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

package/lib/bao.module.d.ts

@@ -11,8 +11,10 @@ import * as i9 from "./common-components/module";
 import * as i10 from "./checkbox/module";
 import * as i11 from "./radio/module";
 import * as i12 from "./summary/module";
+import * as i13 from "./avatar/module";
+import * as i14 from "./tabs/module";
 export declare class BaoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i6.BaoTagModule, typeof i7.BaoHeaderInfoModule, typeof i8.BaoListModule, typeof i9.BaoCommonComponentsModule, typeof i10.BaoCheckboxModule, typeof i11.BaoRadioModule, typeof i12.BaoSummaryModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i6.BaoTagModule, typeof i7.BaoHeaderInfoModule, typeof i8.BaoListModule, typeof i9.BaoCommonComponentsModule, typeof i10.BaoCheckboxModule, typeof i11.BaoRadioModule, typeof i12.BaoSummaryModule, typeof i13.BaoAvatarModule, typeof i14.BaoTabsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

package/lib/breadcrumb/breadcrumb.component.d.ts

@@ -4,9 +4,9 @@ export declare class BaoBreadcrumbComponent implements AfterViewInit {
     private renderer;
     private staticContainer;
     constructor(renderer: Renderer2);
-    private setLastLinkAttribute;
     ngAfterViewInit(): void;
     onContentChange(): void;
+    private setLastLinkAttribute;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoBreadcrumbComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BaoBreadcrumbComponent, "bao-breadcrumb", never, {}, {}, never, ["*"]>;
 }

package/lib/button/button.component.d.ts

@@ -39,7 +39,7 @@ export declare class BaoButtonComponent implements AfterViewInit {
      * If the icon is on the right of the label, the loading spinner will need to be on the right of the label
      */
     rightIcon: boolean;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     get nativeElement(): HTMLElement;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoButtonComponent, never>;

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

@@ -2,16 +2,16 @@ import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BaoCheckboxGroupComponent implements AfterViewInit {
     private cdr;
-    private _uniqueId;
     /**
      * The checkbox group ID. It is set dynamically with an unique ID by default
      */
     id: string;
+    private staticContainer;
     /**
      * The aria-describedby id for web accessibilty
      */
     ariaDescribedby?: string;
-    private staticContainer;
+    private _uniqueId;
     constructor(cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     onContentChange(): void;

package/lib/checkbox/checkbox.component.d.ts

@@ -14,31 +14,6 @@ export declare class BaoCheckboxComponent implements ControlValueAccessor, After
     private elementRef;
     private cdr;
     private focusMonitor;
-    private _disabled;
-    private _checked;
-    private _indeterminate;
-    private _uniqueId;
-    /**
-     * Whether the checkbox is checked.  Default value : false
-     */
-    get checked(): boolean;
-    set checked(value: boolean);
-    /**
-     * Whether the checkbox is disabled. Default value : false
-     */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    /**
-     * Whether the checkbox is required.  Default value : false
-     */
-    get required(): boolean;
-    set required(value: boolean);
-    private _required;
-    /**
-     * Whether the checkbox is indeterminate.  Default value : false
-     */
-    get indeterminate(): boolean;
-    set indeterminate(value: boolean);
     /**
      * The checkbox ID. It is set dynamically with an unique ID by default
      */
@@ -87,8 +62,33 @@ export declare class BaoCheckboxComponent implements ControlValueAccessor, After
      * The ID of the input html element
      */
     inputID: string;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    private _disabled;
+    private _checked;
+    private _indeterminate;
+    private _uniqueId;
+    private _required;
+    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    /**
+     * Whether the checkbox is checked.  Default value : false
+     */
+    get checked(): boolean;
+    /**
+     * Whether the checkbox is disabled. Default value : false
+     */
+    get disabled(): boolean;
+    /**
+     * Whether the checkbox is required.  Default value : false
+     */
+    get required(): boolean;
+    /**
+     * Whether the checkbox is indeterminate.  Default value : false
+     */
+    get indeterminate(): boolean;
     get nativeElement(): HTMLElement;
+    set checked(value: boolean);
+    set disabled(value: boolean);
+    set required(value: boolean);
+    set indeterminate(value: boolean);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -144,7 +144,7 @@ export declare class BaoCheckboxComponent implements ControlValueAccessor, After
     private onModelChange;
     private onTouch;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoCheckboxComponent, "bao-checkbox, [bao-checkbox]", never, { "checked": "checked"; "disabled": "disabled"; "required": "required"; "indeterminate": "indeterminate"; "id": "id"; "ariaLabel": "aria-label"; "brandBorder": "brandBorder"; "inline": "inline"; "name": "name"; "hiddenLabel": "hiddenLabel"; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoCheckboxComponent, "bao-checkbox, [bao-checkbox]", never, { "id": "id"; "ariaLabel": "aria-label"; "brandBorder": "brandBorder"; "inline": "inline"; "name": "name"; "hiddenLabel": "hiddenLabel"; "checked": "checked"; "disabled": "disabled"; "required": "required"; "indeterminate": "indeterminate"; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]"]>;
 }
 export declare class BaoCheckBoxDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoCheckBoxDescription, never>;

package/lib/icon/icon.component.d.ts

@@ -13,16 +13,8 @@ export declare class BaoIconComponent implements OnDestroy {
     private elementRef;
     private iconRegistry;
     private renderer;
-    /** Name of the icon in the SVG icon set. */
-    get svgIcon(): string;
-    set svgIcon(value: string);
     /** The color of the icon, if not specified the icon's parent current text color will be used */
     color: BaoColors;
-    get hexColor(): string | void;
-    /** Title that will be used as an aria-label for the icon */
-    get title(): string;
-    set title(value: string);
-    get titleId(): string;
     /**
      * The size of the icon
      */
@@ -32,6 +24,14 @@ export declare class BaoIconComponent implements OnDestroy {
     private _titleId;
     private _elementsWithExternalReferences?;
     constructor(elementRef: ElementRef<HTMLElement>, iconRegistry: BaoIconRegistry, renderer: Renderer2, ariaHidden: string);
+    /** Name of the icon in the SVG icon set. */
+    get svgIcon(): string;
+    /** Title that will be used as an aria-label for the icon */
+    get title(): string;
+    get hexColor(): string | void;
+    get titleId(): string;
+    set svgIcon(value: string);
+    set title(value: string);
     ngOnDestroy(): void;
     private setSvgElement;
     private clearSvgElement;
@@ -39,5 +39,5 @@ export declare class BaoIconComponent implements OnDestroy {
     private addTitleToSVG;
     private generateUniqueTitleId;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoIconComponent, [null, null, null, { attribute: "aria-hidden"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoIconComponent, "bao-icon", ["baoIcon"], { "svgIcon": "svgIcon"; "color": "color"; "title": "title"; "size": "size"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoIconComponent, "bao-icon", ["baoIcon"], { "color": "color"; "size": "size"; "svgIcon": "svgIcon"; "title": "title"; }, {}, never, ["*"]>;
 }

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]"]>;
 }

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,7 +104,7 @@ 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]"]>;
 }
 export declare class BaoRadioDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoRadioDescription, never>;

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,8 +27,12 @@ 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;

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>;
+}
+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>;
+}
+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"], ["*"]>;
+}
+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"]>;
+}

package/lib/tag/tag.component.d.ts

@@ -15,7 +15,7 @@ export declare class BaoTagComponent implements AfterViewInit {
      * The hidden text for screen readers.
      */
     hiddenText: string;
-    constructor(renderer: Renderer2, elementRef: ElementRef);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
     get nativeElement(): HTMLElement;
     ngAfterViewInit(): void;
     private addHiddenText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "2.2.1",
+  "version": "3.0.0",
   "peerDependencies": {
     "@angular/cdk": ">=8.0.0 <14.0.0",
     "@angular/common": ">=8.0.0 <14.0.0",

package/public-api.d.ts

@@ -13,3 +13,5 @@ export * from './lib/radio/index';
 export * from './lib/common-components/index';
 export * from './lib/summary/index';
 export * from './lib/shared';
+export * from './lib/avatar';
+export * from './lib/tabs';