@villedemontreal/angular-ui 13.1.0 → 13.3.0

package/lib/bao.module.d.ts

@@ -4,21 +4,23 @@ import * as i2 from "./button/module";
 import * as i3 from "./alert/module";
 import * as i4 from "./card/module";
 import * as i5 from "./breadcrumb/module";
-import * as i6 from "./tag/module";
-import * as i7 from "./header-info/module";
-import * as i8 from "./list/module";
-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";
-import * as i15 from "./modal/module";
+import * as i6 from "./modal/module";
+import * as i7 from "./tag/module";
+import * as i8 from "./header-info/module";
+import * as i9 from "./list/module";
+import * as i10 from "./common-components/module";
+import * as i11 from "./checkbox/module";
+import * as i12 from "./radio/module";
+import * as i13 from "./summary/module";
+import * as i14 from "./avatar/module";
+import * as i15 from "./tabs/module";
 import * as i16 from "./hyperlink/module";
 import * as i17 from "./dropdown-menu/module";
 import * as i18 from "./file/module";
+import * as i19 from "./snack-bar/module";
+import * as i20 from "./system-header/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, typeof i13.BaoAvatarModule, typeof i14.BaoTabsModule, typeof i15.BaoModalModule, typeof i16.BaoHyperlinkModule, typeof i17.BaoDropdownMenuModule, typeof i18.BaoFileModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule, typeof i6.BaoModalModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i7.BaoTagModule, typeof i8.BaoHeaderInfoModule, typeof i9.BaoListModule, typeof i10.BaoCommonComponentsModule, typeof i11.BaoCheckboxModule, typeof i12.BaoRadioModule, typeof i13.BaoSummaryModule, typeof i14.BaoAvatarModule, typeof i15.BaoTabsModule, typeof i6.BaoModalModule, typeof i16.BaoHyperlinkModule, typeof i17.BaoDropdownMenuModule, typeof i18.BaoFileModule, typeof i19.BaoSnackBarModule, typeof i20.BaoSystemHeaderModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

package/lib/core/breakpoints.d.ts

@@ -0,0 +1,7 @@
+export declare const Breakpoints: {
+    XSmall: string;
+    Small: string;
+    Medium: string;
+    Large: string;
+    XLarge: string;
+};

package/lib/core/index.d.ts

@@ -0,0 +1,2 @@
+export * from './colors';
+export * from './breakpoints';

package/lib/dropdown-menu/dropdown-menu.component.d.ts

@@ -10,6 +10,10 @@ export declare class BaoDropdownMenuItem implements AfterViewInit, OnChanges {
      * Is the list item disabled
      */
     disabled: boolean;
+    /**
+     * Emits when menu item is clicked
+     */
+    itemClicked: EventEmitter<any>;
     constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, _parent: BaoDropdownMenuComponent);
     get nativeElement(): HTMLElement;
     spaceKeyEvent(): void;
@@ -22,13 +26,14 @@ export declare class BaoDropdownMenuItem implements AfterViewInit, OnChanges {
     private addPaddingClass;
     private disableItem;
     /**
-     * This method propagates a click event to menu item children with inputs (checkbox, radio button)
+     * This method propagates a click event to menu item children with inputs (checkbox, radio button).
+     * It emits event to close menu if item does not contain an input.
      */
     private propagateClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoDropdownMenuItem, "bao-dropdown-menu-item, [bao-dropdown-menu-item]", never, { "disabled": "disabled"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoDropdownMenuItem, "bao-dropdown-menu-item, [bao-dropdown-menu-item]", never, { "disabled": "disabled"; }, { "itemClicked": "itemClicked"; }, never>;
 }
-export declare class BaoDropdownMenuComponent implements AfterViewInit {
+export declare class BaoDropdownMenuComponent implements AfterContentInit, AfterViewInit {
     private cdr;
     private renderer;
     private elementRef;
@@ -78,6 +83,7 @@ export declare class BaoDropdownMenuComponent implements AfterViewInit {
     /** Prevents focus to be lost when SHIFT + TAB has reached beginning of menu  */
     shiftTabKeyEvent(): void;
     ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
     focusFirstItem(): void;
     open(): void;
     close(): void;
@@ -117,7 +123,7 @@ export declare class BaoDropdownMenuTrigger implements AfterViewInit, OnDestroy
     escapeKeyEvent(): void;
     /** Enter key event triggers click event which opens menu,
      *  then focus is put on first item in the menu */
-    enterKeyEvent(): void;
+    enterKeyEvent(event: KeyboardEvent): void;
     onClick(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

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

@@ -1,4 +1,3 @@
-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';
@@ -88,18 +87,18 @@ export declare abstract class _BaoModalContainerBase extends BasePortalOutlet {
     private _containsFocus;
     /** Starts the modal exit animation. */
     abstract _startExitAnimation(): void;
+    abstract _startOpenAnimation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_BaoModalContainerBase, [null, null, null, { optional: true; }, null, null, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<_BaoModalContainerBase, never, never, {}, {}, never>;
 }
 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;
+    _startOpenAnimation(): void;
     /** Starts the modal exit animation. */
     _startExitAnimation(): void;
+    private _finishDialogOpen;
+    private _openAnimationDone;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoModalContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BaoModalContainer, "bao-modal-container", never, {}, {}, never, never>;
 }

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

@@ -41,6 +41,7 @@ export declare class BaoModalRef<T, R = unknown> {
      * @param modalResult Optional result to return to the modal opener.
      */
     close(modalResult?: R): void;
+    startOpenAnimation(): void;
     /**
      * Gets an observable that is notified when the modal is finished opening.
      */

package/lib/modal/modal.d.ts

@@ -15,7 +15,6 @@ export declare abstract class BaoModalBase<C extends _BaoModalContainerBase> imp
     private _modalRefConstructor;
     private _modalContainerType;
     private _modalDataToken;
-    private _animationMode?;
     readonly afterAllClosed: Observable<void>;
     private _openModalsAtThisLevel;
     private readonly _afterAllClosedAtThisLevel;
@@ -24,7 +23,7 @@ export declare abstract class BaoModalBase<C extends _BaoModalContainerBase> imp
     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');
+    constructor(_overlay: Overlay, _injector: Injector, _parentModal: BaoModalBase<C> | undefined, _overlayContainer: OverlayContainer, _modalRefConstructor: Type<BaoModalRef<unknown>>, _modalContainerType: Type<C>, _modalDataToken: InjectionToken<unknown>);
     /** Keeps track of the currently-open modals. */
     get openModals(): BaoModalRef<unknown>[];
     /** Stream that emits when a modal has been opened. */
@@ -85,7 +84,7 @@ export declare abstract class BaoModalBase<C extends _BaoModalContainerBase> imp
  * 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; }]>;
+    constructor(overlay: Overlay, injector: Injector, parentModal: BaoModal, overlayContainer: OverlayContainer);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoModal, [null, null, { optional: true; skipSelf: true; }, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BaoModal>;
 }

package/lib/modal/module.d.ts

@@ -4,9 +4,8 @@ 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 ɵmod: i0.ɵɵNgModuleDeclaration<BaoModalModule, [typeof i1.BaoModalContainer, typeof i2.BaoModalClose], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.PortalModule], [typeof i1.BaoModalContainer, typeof i2.BaoModalClose]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModalModule>;
 }

package/lib/snack-bar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './module';
+export * from './snack-bar';
+export * from './snack-bar-config';
+export * from './snack-bar-ref';
+export * from './snack-bar-container';
+export * from './simple-snack-bar.component';

package/lib/snack-bar/module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./simple-snack-bar.component";
+import * as i2 from "./snack-bar-container";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@angular/cdk/portal";
+import * as i6 from "../button/module";
+import * as i7 from "../icon/module";
+export declare class BaoSnackBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSnackBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoSnackBarModule, [typeof i1.BaoSimpleSnackBarComponent, typeof i2.BaoSnackBarContainerComponent], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.PortalModule, typeof i6.BaoButtonModule, typeof i7.BaoIconModule], [typeof i1.BaoSimpleSnackBarComponent, typeof i2.BaoSnackBarContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoSnackBarModule>;
+}

package/lib/snack-bar/simple-snack-bar.component.d.ts

@@ -0,0 +1,51 @@
+import { BaoSnackBarToastType } from './snack-bar-config';
+import { BaoSnackBarRef } from './snack-bar-ref';
+import * as i0 from "@angular/core";
+/**
+ * Interface for a simple snack bar component that has a message and a single action.
+ */
+export interface ITextOnlySnackBar {
+    data: {
+        message: string;
+        toastType: BaoSnackBarToastType;
+        actionLabelOrIcon: string;
+        showClose: boolean;
+    };
+    snackBarRef: BaoSnackBarRef<ITextOnlySnackBar>;
+    action: () => void;
+    hasAction: boolean;
+}
+/**
+ * A component used to open as the default snack bar, matching material spec.
+ * This should only be used internally by the snack bar service.
+ */
+export declare class BaoSimpleSnackBarComponent implements ITextOnlySnackBar {
+    snackBarRef: BaoSnackBarRef<BaoSimpleSnackBarComponent>;
+    showCloseTitle: string;
+    /** Data that was injected into the snack bar. */
+    data: {
+        message: string;
+        toastType: BaoSnackBarToastType;
+        actionLabelOrIcon: string;
+        showClose: boolean;
+    };
+    constructor(snackBarRef: BaoSnackBarRef<BaoSimpleSnackBarComponent>, data: any);
+    /** Returns the politeness */
+    get politeness(): string;
+    /** Returns the toast class */
+    get toastClass(): string;
+    /** Returns the toast icon */
+    get toastIcon(): string;
+    /** Returns the toast icon title */
+    get toastIconTitle(): string;
+    /** If the action button should be shown. */
+    get hasAction(): boolean;
+    /** If the action is an icon */
+    get isActionIcon(): boolean;
+    /** Performs the action on the snack bar. */
+    action(): void;
+    /** Closes the snack bar. */
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSimpleSnackBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoSimpleSnackBarComponent, "bao-simple-snack-bar", never, {}, {}, never, never>;
+}

package/lib/snack-bar/snack-bar-animations.d.ts

@@ -0,0 +1,8 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+/**
+ * Animations used by the Material snack bar.
+ * @docs-private
+ */
+export declare const matSnackBarAnimations: {
+    readonly snackBarState: AnimationTriggerMetadata;
+};

package/lib/snack-bar/snack-bar-config.d.ts

@@ -0,0 +1,51 @@
+import { AriaLivePoliteness } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { InjectionToken, ViewContainerRef } from '@angular/core';
+/** Injection token that can be used to access the data that was passed in to a snack bar. */
+export declare const BAO_SNACK_BAR_DATA: InjectionToken<any>;
+/** Possible values for horizontalPosition on MatSnackBarConfig. */
+export declare type BaoSnackBarHorizontalPosition = 'start' | 'center' | 'end' | 'left' | 'right';
+/** Possible values for verticalPosition on MatSnackBarConfig. */
+export declare type BaoSnackBarVerticalPosition = 'top' | 'bottom';
+/** Possible types of toast to display the snack bar */
+export declare type BaoSnackBarToastType = 'info' | 'success' | 'danger';
+/**
+ * Configuration used when opening a snack-bar.
+ */
+export declare class BaoSnackBarConfig<D = any> {
+    /** The message to display in the snackbar. */
+    message: string;
+    /** The type of snackbar template to display. */
+    toastType?: BaoSnackBarToastType;
+    /**
+     * The attached action to the snack bar. If the name of the action matches an icon provided as part of
+     * angular-ui icon dictionnary an icon will be displayed instead of text.
+     * */
+    actionLabelOrIcon?: string;
+    /** Displays the close button when set to true */
+    showClose?: boolean;
+    /** The length of time in milliseconds to wait before automatically dismissing the snack bar. */
+    duration?: number;
+    /** The politeness level for the MatAriaLiveAnnouncer announcement. */
+    politeness?: AriaLivePoliteness;
+    /**
+     * Message to be announced by the LiveAnnouncer. When opening a snackbar without a custom
+     * component or template, the announcement message will default to the specified message.
+     */
+    announcementMessage?: string;
+    /**
+     * The view container that serves as the parent for the snackbar for the purposes of dependency
+     * injection. Note: this does not affect where the snackbar is inserted in the DOM.
+     */
+    viewContainerRef?: ViewContainerRef;
+    /** Extra CSS classes to be added to the snack bar container. */
+    panelClass?: string | string[];
+    /** Text layout direction for the snack bar. */
+    direction?: Direction;
+    /** Data being injected into the child component. */
+    data?: D | null;
+    /** The horizontal position to place the snack bar. */
+    horizontalPosition?: BaoSnackBarHorizontalPosition;
+    /** The vertical position to place the snack bar. */
+    verticalPosition?: BaoSnackBarVerticalPosition;
+}

package/lib/snack-bar/snack-bar-container.d.ts

@@ -0,0 +1,111 @@
+import { AnimationEvent } from '@angular/animations';
+import { AriaLivePoliteness } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, DomPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, NgZone, OnDestroy } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { BaoSnackBarConfig } from './snack-bar-config';
+import * as i0 from "@angular/core";
+/**
+ * Internal interface for a snack bar container.
+ * @docs-private
+ */
+export interface IBaoSnackBarContainer {
+    snackBarConfig: BaoSnackBarConfig;
+    _onAnnounce: Subject<any>;
+    _onExit: Subject<any>;
+    _onEnter: Subject<any>;
+    enter: () => void;
+    exit: () => Observable<void>;
+    attachTemplatePortal: <C>(portal: TemplatePortal<C>) => EmbeddedViewRef<C>;
+    attachComponentPortal: <T>(portal: ComponentPortal<T>) => ComponentRef<T>;
+}
+/**
+ * Internal component that wraps user-provided snack bar content.
+ * @docs-private
+ */
+export declare class BaoSnackBarContainerComponent extends BasePortalOutlet implements OnDestroy, IBaoSnackBarContainer {
+    private _ngZone;
+    private _elementRef;
+    private _changeDetectorRef;
+    private _platform;
+    /** The snack bar configuration. */
+    snackBarConfig: BaoSnackBarConfig;
+    /** The portal outlet inside of this container into which the snack bar content will be loaded. */
+    _portalOutlet: CdkPortalOutlet;
+    private _document;
+    private _trackedModals;
+    /** Subject for notifying that the snack bar has announced to screen readers. */
+    readonly _onAnnounce: Subject<void>;
+    /** Subject for notifying that the snack bar has exited from view. */
+    readonly _onExit: Subject<void>;
+    /** Subject for notifying that the snack bar has finished entering the view. */
+    readonly _onEnter: Subject<void>;
+    /** The state of the snack bar animations. */
+    _animationState: string;
+    /** aria-live value for the live region. */
+    _live: AriaLivePoliteness;
+    /** The number of milliseconds to wait before announcing the snack bar's content. */
+    private readonly _announceDelay;
+    /** The timeout for announcing the snack bar's content. */
+    private _announceTimeoutId;
+    /** Whether the component has been destroyed. */
+    private _destroyed;
+    /**
+     * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
+     * JAWS does not read out aria-live message.
+     */
+    _role?: 'status' | 'alert';
+    /** Unique ID of the aria-live element. */
+    readonly _liveElementId: string;
+    constructor(_ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _platform: Platform, 
+    /** The snack bar configuration. */
+    snackBarConfig: BaoSnackBarConfig);
+    /** Attach a component portal as content to this snack bar container. */
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    /** Attach a template portal as content to this snack bar container. */
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    /**
+     * Attaches a DOM portal to the snack bar container.
+     * @deprecated To be turned into a method.
+     * @breaking-change 10.0.0
+     */
+    attachDomPortal: (portal: DomPortal) => void;
+    /** Handle end of animations, updating the state of the snackbar. */
+    onAnimationEnd(event: AnimationEvent): void;
+    /** Begin animation of snack bar entrance into view. */
+    enter(): void;
+    /** Begin animation of the snack bar exiting from view. */
+    exit(): Observable<void>;
+    /** Makes sure the exit callbacks have been invoked when the element is destroyed. */
+    ngOnDestroy(): void;
+    /**
+     * Waits for the zone to settle before removing the element. Helps prevent
+     * errors where we end up removing an element which is in the middle of an animation.
+     */
+    private completeExit;
+    /** Applies the various positioning and user-configured CSS classes to the snack bar. */
+    private applySnackBarClasses;
+    /**
+     * Called after the portal contents have been attached. Can be
+     * used to modify the DOM once it's guaranteed to be in place.
+     */
+    protected _afterPortalAttached(): void;
+    /**
+     * Some browsers won't expose the accessibility node of the live element if there is an
+     * `aria-modal` and the live element is outside of it. This method works around the issue by
+     * pointing the `aria-owns` of all modals to the live element.
+     */
+    private _exposeToModals;
+    /** Clears the references to the live element from any modals it was added to. */
+    private _clearFromModals;
+    /** Asserts that no content is already attached to the container. */
+    private assertNotAttached;
+    /**
+     * Starts a timeout to move the snack bar content to the live region so screen readers will
+     * announce it.
+     */
+    private screenReaderAnnounce;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSnackBarContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoSnackBarContainerComponent, "bao-snack-bar-container", never, {}, {}, never, never>;
+}

package/lib/snack-bar/snack-bar-ref.d.ts

@@ -0,0 +1,51 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+import { IBaoSnackBarContainer } from './snack-bar-container';
+/** Event that is emitted when a snack bar is dismissed. */
+export interface IBaoSnackBarDismiss {
+    /** Whether the snack bar was dismissed using the action button. */
+    dismissedByAction: boolean;
+}
+/**
+ * Reference to a snack bar dispatched from the snack bar service.
+ */
+export declare class BaoSnackBarRef<T> {
+    private _overlayRef;
+    /** The instance of the component making up the content of the snack bar. */
+    instance: T;
+    /**
+     * The instance of the component making up the content of the snack bar.
+     * @docs-private
+     */
+    containerInstance: IBaoSnackBarContainer;
+    /** Subject for notifying the user that the snack bar has been dismissed. */
+    private readonly _afterDismissed;
+    /** Subject for notifying the user that the snack bar has opened and appeared. */
+    private readonly _afterOpened;
+    /** Subject for notifying the user that the snack bar action was called. */
+    private readonly _onAction;
+    /**
+     * Timeout ID for the duration setTimeout call. Used to clear the timeout if the snackbar is
+     * dismissed before the duration passes.
+     */
+    private _durationTimeoutId;
+    /** Whether the snack bar was dismissed using the action button. */
+    private _dismissedByAction;
+    constructor(containerInstance: IBaoSnackBarContainer, _overlayRef: OverlayRef);
+    /** Dismisses the snack bar. */
+    dismiss(): void;
+    /** Marks the snackbar action clicked. */
+    dismissWithAction(): void;
+    /** Dismisses the snack bar after some duration */
+    dismissAfter(duration: number): void;
+    /** Marks the snackbar as opened */
+    open(): void;
+    /** Gets an observable that is notified when the snack bar is finished closing. */
+    afterDismissed(): Observable<IBaoSnackBarDismiss>;
+    /** Gets an observable that is notified when the snack bar has opened and appeared. */
+    afterOpened(): Observable<void>;
+    /** Gets an observable that is notified when the snack bar action is called. */
+    onAction(): Observable<void>;
+    /** Cleans up the DOM after closing. */
+    private finishDismiss;
+}

package/lib/snack-bar/snack-bar.d.ts

@@ -0,0 +1,89 @@
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentType } from '@angular/cdk/portal';
+import { EmbeddedViewRef, InjectionToken, Injector, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { ITextOnlySnackBar } from './simple-snack-bar.component';
+import { BaoSnackBarConfig } from './snack-bar-config';
+import { IBaoSnackBarContainer } from './snack-bar-container';
+import { BaoSnackBarRef } from './snack-bar-ref';
+import * as i0 from "@angular/core";
+export declare function baoFactory(): BaoSnackBarConfig<any>;
+/** Injection token that can be used to specify default snack bar. */
+export declare const BAO_SNACK_BAR_DEFAULT_OPTIONS: InjectionToken<BaoSnackBarConfig<any>>;
+/**
+ * Service to dispatch Material Design snack bar messages.
+ */
+export declare class BaoSnackBarService implements OnDestroy {
+    private _overlay;
+    private _live;
+    private _injector;
+    private _parentSnackBar;
+    private _defaultConfig;
+    /** The component that should be rendered as the snack bar's simple component. */
+    protected simpleSnackBarComponent: Type<ITextOnlySnackBar>;
+    /** The container component that attaches the provided template or component. */
+    protected snackBarContainerComponent: Type<IBaoSnackBarContainer>;
+    /**
+     * Reference to the current snack bar in the view *at this level* (in the Angular injector tree).
+     * If there is a parent snack-bar service, all operations should delegate to that parent
+     * via `_openedSnackBarRef`.
+     */
+    private _snackBarRefAtThisLevel;
+    constructor(_overlay: Overlay, _live: LiveAnnouncer, _injector: Injector, _parentSnackBar: BaoSnackBarService, _defaultConfig: BaoSnackBarConfig);
+    /** Reference to the currently opened snackbar at *any* level. */
+    get _openedSnackBarRef(): BaoSnackBarRef<any> | null;
+    set _openedSnackBarRef(value: BaoSnackBarRef<any> | null);
+    /**
+     * Creates and dispatches a snack bar with a custom component for the content, removing any
+     * currently opened snack bars.
+     *
+     * @param component Component to be instantiated.
+     * @param config Extra configuration for the snack bar.
+     */
+    openFromComponent<T>(component: ComponentType<T>, config?: BaoSnackBarConfig): BaoSnackBarRef<T>;
+    /**
+     * Creates and dispatches a snack bar with a custom template for the content, removing any
+     * currently opened snack bars.
+     *
+     * @param template Template to be instantiated.
+     * @param config Extra configuration for the snack bar.
+     */
+    openFromTemplate(template: TemplateRef<any>, config?: BaoSnackBarConfig): BaoSnackBarRef<EmbeddedViewRef<any>>;
+    /**
+     * Opens a snackbar with a message and an optional action.
+     * @param message The message to show in the snackbar.
+     * @param toastType The type of of toast to display the snackbar.
+     * @param actionLabelOrIcon The label or icon for the snackbar action.
+     * @param showClose If true, the snackbar will require user interaction to close.
+     * @param config Additional configuration options for the snackbar.
+     */
+    open(config: BaoSnackBarConfig): BaoSnackBarRef<ITextOnlySnackBar>;
+    /**
+     * Dismisses the currently-visible snack bar.
+     */
+    dismiss(): void;
+    ngOnDestroy(): void;
+    /**
+     * Attaches the snack bar container component to the overlay.
+     */
+    private attachSnackBarContainer;
+    /**
+     * Places a new component or a template as the content of the snack bar container.
+     */
+    private attach;
+    /** Animates the old snack bar out and the new one in. */
+    private animateSnackBar;
+    /**
+     * Creates a new overlay and places it in the correct location.
+     * @param config The user-specified snack bar config.
+     */
+    private createOverlay;
+    /**
+     * Creates an injector to be used inside of a snack bar component.
+     * @param config Config that was used to create the snack bar.
+     * @param snackBarRef Reference to the snack bar.
+     */
+    private createInjector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSnackBarService, [null, null, null, { optional: true; skipSelf: true; }, null]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaoSnackBarService>;
+}

package/lib/system-header/index.d.ts

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

package/lib/system-header/module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./system-header.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/module";
+export declare class BaoSystemHeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSystemHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoSystemHeaderModule, [typeof i1.BaoSystemHeaderComponent, typeof i1.BaoBackNavigationInsert, typeof i1.BaoBackNavigationComponent], [typeof i2.CommonModule, typeof i3.BaoIconModule], [typeof i1.BaoSystemHeaderComponent, typeof i1.BaoBackNavigationInsert, typeof i1.BaoBackNavigationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoSystemHeaderModule>;
+}

package/lib/system-header/system-header.component.d.ts

@@ -0,0 +1,41 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { AfterViewInit, ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * This component is dynamically added to replace breadcrumb when System Header is viewed on tablet or mobile screens.
+ * Used internally by BaoSystemHeaderComponent only, not to be used by host application.
+ */
+export declare class BaoBackNavigationComponent implements OnChanges {
+    private renderer;
+    private elementRef;
+    link: string;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoBackNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoBackNavigationComponent, "bao-back-navigation-component", never, { "link": "link"; }, {}, never, never>;
+}
+/**
+ * This directive is to mark the template where the BaoBackNavigationComponent should be dynamically inserted,
+ * when a Breadcrumb component needs to be replaced
+ */
+export declare class BaoBackNavigationInsert {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoBackNavigationInsert, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoBackNavigationInsert, "[backNavigationInsert]", never, {}, {}, never>;
+}
+export declare class BaoSystemHeaderComponent implements AfterViewInit, OnInit {
+    private breakpointObserver;
+    private renderer;
+    private textContainer;
+    private backButtonInsert;
+    screenType: 'mobile' | 'tablet' | 'desktop';
+    constructor(breakpointObserver: BreakpointObserver, renderer: Renderer2);
+    get textContainerChildren(): Element[];
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private formatNavigation;
+    private applySizeClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSystemHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoSystemHeaderComponent, "bao-system-header", never, {}, {}, never, ["a", "bao-breadcrumb", "h1", "bao-tag", "span", "*"]>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "13.1.0",
+  "version": "13.3.0",
   "peerDependencies": {
     "@angular/cdk": ">=12.0.0 <14.0.0",
     "@angular/common": ">=12.0.0 <14.0.0",

package/public-api.d.ts

@@ -19,3 +19,5 @@ export * from './lib/modal';
 export * from './lib/hyperlink';
 export * from './lib/dropdown-menu';
 export * from './lib/file';
+export * from './lib/snack-bar';
+export * from './lib/system-header';