@villedemontreal/angular-ui 13.1.0 → 13.2.1

package/lib/bao.module.d.ts

@@ -4,21 +4,21 @@ 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";
 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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

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/package.json

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

package/esm2020/lib/modal/modal-animations.mjs

@@ -1,29 +0,0 @@
-/*
- * Copyright (c) 2023 Ville de Montreal. All rights reserved.
- * Licensed under the MIT license.
- * See LICENSE file in the project root for full license information.
- */
-import { animate, state, style, transition, trigger, query, animateChild, group } from '@angular/animations';
-/**
- * Animations used by MatDialog.
- * @docs-private
- */
-export const baoModalAnimations = {
-    /** Animation that is applied on the modal container by default. */
-    modalContainer: trigger('modalContainer', [
-        // Note: The `enter` animation transitions to `transform: none`, because for some reason
-        // specifying the transform explicitly, causes IE both to blur the modal content and
-        // decimate the animation performance. Leaving it as `none` solves both issues.
-        state('void, exit', style({ opacity: 0, transform: 'scale(0.7)' })),
-        state('enter', style({ transform: 'none' })),
-        transition('* => enter', group([
-            animate('150ms cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'none', opacity: 1 })),
-            query('@*', animateChild(), { optional: true })
-        ])),
-        transition('* => void, * => exit', group([
-            animate('75ms cubic-bezier(0.4, 0.0, 0.2, 1)', style({ opacity: 0 })),
-            query('@*', animateChild(), { optional: true })
-        ]))
-    ])
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdWkvc3JjL2xpYi9tb2RhbC9tb2RhbC1hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFDSCxPQUFPLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsVUFBVSxFQUNWLE9BQU8sRUFFUCxLQUFLLEVBQ0wsWUFBWSxFQUNaLEtBQUssRUFDTixNQUFNLHFCQUFxQixDQUFDO0FBRTdCOzs7R0FHRztBQUNILE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUUzQjtJQUNGLG1FQUFtRTtJQUNuRSxjQUFjLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixFQUFFO1FBQ3hDLHdGQUF3RjtRQUN4RixvRkFBb0Y7UUFDcEYsK0VBQStFO1FBQy9FLEtBQUssQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQztRQUNuRSxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQzVDLFVBQVUsQ0FDUixZQUFZLEVBQ1osS0FBSyxDQUFDO1lBQ0osT0FBTyxDQUNMLGtDQUFrQyxFQUNsQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUN6QztZQUNELEtBQUssQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDaEQsQ0FBQyxDQUNIO1FBQ0QsVUFBVSxDQUNSLHNCQUFzQixFQUN0QixLQUFLLENBQUM7WUFDSixPQUFPLENBQUMscUNBQXFDLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDckUsS0FBSyxDQUFDLElBQUksRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUNoRCxDQUFDLENBQ0g7S0FDRixDQUFDO0NBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMgVmlsbGUgZGUgTW9udHJlYWwuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgTUlUIGxpY2Vuc2UuXG4gKiBTZWUgTElDRU5TRSBmaWxlIGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbi5cbiAqL1xuaW1wb3J0IHtcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxuICBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsXG4gIHF1ZXJ5LFxuICBhbmltYXRlQ2hpbGQsXG4gIGdyb3VwXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG4vKipcbiAqIEFuaW1hdGlvbnMgdXNlZCBieSBNYXREaWFsb2cuXG4gKiBAZG9jcy1wcml2YXRlXG4gKi9cbmV4cG9ydCBjb25zdCBiYW9Nb2RhbEFuaW1hdGlvbnM6IHtcbiAgcmVhZG9ubHkgbW9kYWxDb250YWluZXI6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbn0gPSB7XG4gIC8qKiBBbmltYXRpb24gdGhhdCBpcyBhcHBsaWVkIG9uIHRoZSBtb2RhbCBjb250YWluZXIgYnkgZGVmYXVsdC4gKi9cbiAgbW9kYWxDb250YWluZXI6IHRyaWdnZXIoJ21vZGFsQ29udGFpbmVyJywgW1xuICAgIC8vIE5vdGU6IFRoZSBgZW50ZXJgIGFuaW1hdGlvbiB0cmFuc2l0aW9ucyB0byBgdHJhbnNmb3JtOiBub25lYCwgYmVjYXVzZSBmb3Igc29tZSByZWFzb25cbiAgICAvLyBzcGVjaWZ5aW5nIHRoZSB0cmFuc2Zvcm0gZXhwbGljaXRseSwgY2F1c2VzIElFIGJvdGggdG8gYmx1ciB0aGUgbW9kYWwgY29udGVudCBhbmRcbiAgICAvLyBkZWNpbWF0ZSB0aGUgYW5pbWF0aW9uIHBlcmZvcm1hbmNlLiBMZWF2aW5nIGl0IGFzIGBub25lYCBzb2x2ZXMgYm90aCBpc3N1ZXMuXG4gICAgc3RhdGUoJ3ZvaWQsIGV4aXQnLCBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3NjYWxlKDAuNyknIH0pKSxcbiAgICBzdGF0ZSgnZW50ZXInLCBzdHlsZSh7IHRyYW5zZm9ybTogJ25vbmUnIH0pKSxcbiAgICB0cmFuc2l0aW9uKFxuICAgICAgJyogPT4gZW50ZXInLFxuICAgICAgZ3JvdXAoW1xuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICcxNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKScsXG4gICAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdub25lJywgb3BhY2l0eTogMSB9KVxuICAgICAgICApLFxuICAgICAgICBxdWVyeSgnQConLCBhbmltYXRlQ2hpbGQoKSwgeyBvcHRpb25hbDogdHJ1ZSB9KVxuICAgICAgXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAnKiA9PiB2b2lkLCAqID0+IGV4aXQnLFxuICAgICAgZ3JvdXAoW1xuICAgICAgICBhbmltYXRlKCc3NW1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScsIHN0eWxlKHsgb3BhY2l0eTogMCB9KSksXG4gICAgICAgIHF1ZXJ5KCdAKicsIGFuaW1hdGVDaGlsZCgpLCB7IG9wdGlvbmFsOiB0cnVlIH0pXG4gICAgICBdKVxuICAgIClcbiAgXSlcbn07XG4iXX0=

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

@@ -1,8 +0,0 @@
-import { AnimationTriggerMetadata } from '@angular/animations';
-/**
- * Animations used by MatDialog.
- * @docs-private
- */
-export declare const baoModalAnimations: {
-    readonly modalContainer: AnimationTriggerMetadata;
-};