@villedemontreal/angular-ui 3.2.0-pre.build.1 → 3.3.1

package/global.scss

@@ -1,4 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800');
+/*** IMPORTED FILE NOT FOUND ***/
+@import '@angular/cdk/overlay-prebuilt.css';/*** --- ***/
 
 * {
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;

package/lib/bao.module.d.ts

@@ -4,19 +4,20 @@ 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 "./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 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 i16 from "./hyperlink/module";
+import * as i17 from "./dropdown-menu/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 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]>;
+    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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

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

@@ -0,0 +1,170 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { DomPortal } from '@angular/cdk/portal';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, Renderer2, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BaoDropdownMenuItem implements AfterViewInit, OnChanges {
+    private renderer;
+    private elementRef;
+    private _parent;
+    /**
+     * Is the list item disabled
+     */
+    disabled: boolean;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, _parent: BaoDropdownMenuComponent);
+    get nativeElement(): HTMLElement;
+    spaceKeyEvent(): void;
+    onClick(el: HTMLElement): void;
+    enterKeyEvent(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Regroups label and description in a new div to help with layout */
+    private addContentDiv;
+    private addPaddingClass;
+    private disableItem;
+    /**
+     * This method propagates a click event to menu item children with inputs (checkbox, radio button)
+     */
+    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, never, false>;
+}
+export declare class BaoDropdownMenuComponent implements AfterViewInit {
+    private cdr;
+    private renderer;
+    private elementRef;
+    /**
+     * Fired when the dropdown-menu changes its 'isOpen' value
+     */
+    isOpenChange: EventEmitter<boolean>;
+    /**
+     * Fired when menu is closed by key event triggered from menu item
+     */
+    isClosedByKeyEvent: EventEmitter<any>;
+    /**
+     * Content of menu to be loaded inside Overlay
+     */
+    _menuContent: ElementRef<HTMLElement>;
+    /**
+     * All list items inside menu
+     */
+    _listItems: QueryList<BaoDropdownMenuItem>;
+    /**
+     * Unique identifier of the dropdown menu
+     */
+    readonly menuId: string;
+    /**
+     * Is the dropwdown menu currently open
+     */
+    private _isOpen;
+    /**
+     * Reference to portal which is attached to Overlay
+     */
+    private _menuPortal;
+    /**
+     * Index of currently active list item
+     */
+    private _activeItemIndex;
+    constructor(cdr: ChangeDetectorRef, renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get isOpen(): boolean;
+    get activeItemIndex(): number;
+    get menuPortal(): DomPortal;
+    get nativeElement(): HTMLElement;
+    set isOpen(isOpen: boolean);
+    set activeItemIndex(index: number);
+    upKeyEvent(): void;
+    downKeyEvent(): void;
+    /** Prevents focus to be lost when TAB has reached end of menu  */
+    tabKeyEvent(): void;
+    /** Prevents focus to be lost when SHIFT + TAB has reached beginning of menu  */
+    shiftTabKeyEvent(): void;
+    ngAfterViewInit(): void;
+    focusFirstItem(): void;
+    open(): void;
+    close(): void;
+    /** Move the aria-current attribute to new active page */
+    setNavigationAttribute(activePageElement: HTMLElement): void;
+    private focusNextItem;
+    /**
+     * Finds the next activable tab index when navigating with up and down arrow or TAB keys
+     * @param currentIndex List item index which currently has focus
+     * @param isDown Whether the navigation is going in the down direction or not
+     * @param isBackward If recursive function is going backward looking for last activable item in list
+     * @returns Index of the next item that will receive focus
+     */
+    private getNextActivableItemIndex;
+    /**
+     * Finds if focus has reached end or beginning of list
+     * @param currentIndex List item index which currently has focus
+     * @param isDown Whether the navigation is going in the down direction or not
+     * @returns Can focus move to next item or not
+     */
+    private canMove;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoDropdownMenuComponent, "bao-dropdown-menu", never, {}, { "isOpenChange": "isOpenChange"; "isClosedByKeyEvent": "isClosedByKeyEvent"; }, ["_listItems"], ["*"], false>;
+}
+/**
+ * Directive to be applied on element that will trigger the opening and closing of menu.
+ */
+export declare class BaoDropdownMenuTrigger implements AfterViewInit, OnDestroy {
+    private renderer;
+    private elementRef;
+    private overlay;
+    menu: BaoDropdownMenuComponent | null;
+    private _overlayRef;
+    private _isMenuOpen;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, overlay: Overlay);
+    get nativeElement(): HTMLElement;
+    escapeKeyEvent(): void;
+    /** Enter key event triggers click event which opens menu,
+     *  then focus is put on first item in the menu */
+    enterKeyEvent(): void;
+    onClick(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private toggleMenu;
+    private closeMenu;
+    private openMenu;
+    private createOverlay;
+    private getOverlayConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoDropdownMenuTrigger, "bao-dropdown-menu-trigger, [bao-dropdown-menu-trigger], [baoDropdownMenuTriggerFor]", never, { "menu": "baoDropdownMenuTriggerFor"; }, {}, never, never, false>;
+}
+/**
+ * Sections of list items in menu. Apply proper styling to section's title if there is one.
+ */
+export declare class BaoDropdownMenuSection implements AfterViewInit {
+    private elementRef;
+    private renderer;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    get nativeElement(): HTMLElement;
+    ngAfterViewInit(): void;
+    private insertTitle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuSection, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoDropdownMenuSection, "bao-dropdown-menu-section, [bao-dropdown-menu-section]", never, {}, {}, never, never, false>;
+}
+/**
+ * Label of a list item, add css class to apply proper styling.
+ */
+export declare class BaoDropdownMenuItemLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuItemLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoDropdownMenuItemLabel, "bao-dropdown-menu-item-label, [bao-dropdown-menu-item-label]", never, {}, {}, never, never, false>;
+}
+/**
+ * Description of a list item, add css class to apply proper styling.
+ */
+export declare class BaoDropdownMenuItemDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuItemDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoDropdownMenuItemDescription, "bao-dropdown-menu-item-description, [bao-dropdown-menu-item-description]", never, {}, {}, never, never, false>;
+}
+/**
+ * Divider to separate sections.
+ */
+export declare class BaoDropdownMenuDivider implements AfterContentInit {
+    private renderer;
+    private elementRef;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    get nativeElement(): HTMLElement;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoDropdownMenuDivider, "bao-dropdown-menu-divider, [bao-dropdown-menu-divider]", never, {}, {}, never, never, false>;
+}

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

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

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dropdown-menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/observers";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@angular/cdk/portal";
+export declare class BaoDropdownMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoDropdownMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoDropdownMenuModule, [typeof i1.BaoDropdownMenuComponent, typeof i1.BaoDropdownMenuTrigger, typeof i1.BaoDropdownMenuItem, typeof i1.BaoDropdownMenuSection, typeof i1.BaoDropdownMenuItemLabel, typeof i1.BaoDropdownMenuItemDescription, typeof i1.BaoDropdownMenuDivider], [typeof i2.CommonModule, typeof i3.ObserversModule, typeof i4.OverlayModule, typeof i5.PortalModule], [typeof i1.BaoDropdownMenuComponent, typeof i1.BaoDropdownMenuTrigger, typeof i1.BaoDropdownMenuItem, typeof i1.BaoDropdownMenuSection, typeof i1.BaoDropdownMenuItemLabel, typeof i1.BaoDropdownMenuItemDescription, typeof i1.BaoDropdownMenuDivider]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoDropdownMenuModule>;
+}

package/lib/modal/module.d.ts

@@ -4,8 +4,9 @@ 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 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 i6.BrowserAnimationsModule, typeof i6.NoopAnimationsModule], [typeof i1.BaoModalContainer, typeof i2.BaoModalClose]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModalModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "3.2.0-pre.build.1",
+  "version": "3.3.1",
   "peerDependencies": {
     "@angular/cdk": ">=8.0.0 <15.0.0",
     "@angular/common": ">=8.0.0 <15.0.0",

package/public-api.d.ts

@@ -17,3 +17,4 @@ export * from './lib/avatar';
 export * from './lib/tabs';
 export * from './lib/modal';
 export * from './lib/hyperlink';
+export * from './lib/dropdown-menu';