@villedemontreal/angular-ui 2.2.0 → 3.1.0

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

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/shared/enum/display-mode.d.ts

@@ -1,4 +1,4 @@
-export declare enum EDisplayMode {
+export declare const enum EDisplayMode {
     COMPACT = "compact",
     RESPONSIVE = "responsive"
 }

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.0",
+  "version": "3.1.0",
   "peerDependencies": {
     "@angular/cdk": ">=8.0.0 <14.0.0",
     "@angular/common": ">=8.0.0 <14.0.0",

package/public-api.d.ts

@@ -12,3 +12,7 @@ export * from './lib/checkbox/index';
 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';
+export * from './lib/modal';