@villedemontreal/angular-ui 17.0.0 → 17.1.1

package/lib/bao.module.d.ts

@@ -20,8 +20,9 @@ import * as i18 from "./file/module";
 import * as i19 from "./snack-bar/module";
 import * as i20 from "./system-header/module";
 import * as i21 from "./message-bar/module";
+import * as i22 from "./pagination/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, typeof i17.BaoDropdownMenuModule, typeof i18.BaoFileModule, typeof i19.BaoSnackBarModule, typeof i20.BaoSystemHeaderModule, typeof i21.BaoMessageBarModule]>;
+    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, typeof i21.BaoMessageBarModule, typeof i22.BaoPaginationModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

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

@@ -1,11 +1,16 @@
-import { ViewContainerRef, Injector } from '@angular/core';
 import { Direction } from '@angular/cdk/bidi';
 import { ScrollStrategy } from '@angular/cdk/overlay';
+import { ElementRef, Injector, ViewContainerRef } from '@angular/core';
+export declare const FILTER_MODAL_WIDTH = "360px";
 export declare enum eModalDesktopWidthSize {
     SMALL = "bao-modal-sm",// 500px
     MEDIUM = "bao-modal-md",// 800px
     LARGE = "bao-modal-lg"
 }
+export declare enum eModalVariant {
+    GLOBAL = "global",
+    FILTER = "filter"
+}
 export declare enum eModalMobileWidthSize {
     FULL = "bao-modal-mobil-full",// Full width on mobile screen
     COMPACT = "bao-modal-mobil-compact"
@@ -15,6 +20,8 @@ export interface BaoModalConfig {
     mobileSize?: eModalMobileWidthSize;
     data?: unknown;
     ariaLabelledBy?: string;
+    variant?: eModalVariant;
+    triggerElement?: ElementRef;
 }
 /** Options for where to set focus to automatically on dialog open */
 export type AutoFocusTarget = 'dialog' | 'modal' | 'first-tabbable' | 'first-heading';
@@ -83,6 +90,10 @@ export declare class BaoModalInitialConfig<D = unknown> {
     ariaLabelledBy?: string | null;
     /** Aria label to assign to the dialog element. */
     ariaLabel?: string | null;
+    /** Modal variant (default or filter). */
+    variant?: eModalVariant;
+    /** Trigger element for connected positioning (used with filter variant). */
+    triggerElement?: ElementRef;
     /**
      * Where the dialog should focus on open.
      */

package/lib/modal/modal.d.ts

@@ -1,9 +1,9 @@
+import { ComponentType, Overlay, OverlayContainer } from '@angular/cdk/overlay';
 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 { _BaoModalContainerBase, BaoModalContainer } from './modal-container';
+import { BaoModalRef } from './modal-ref';
 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>;

package/lib/pagination/index.d.ts

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

package/lib/pagination/module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pagination.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/module";
+import * as i4 from "@angular/forms";
+export declare class BaoPaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoPaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoPaginationModule, [typeof i1.BaoPaginationComponent], [typeof i2.CommonModule, typeof i3.BaoIconModule, typeof i4.FormsModule], [typeof i1.BaoPaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoPaginationModule>;
+}

package/lib/pagination/pagination.component.d.ts

@@ -0,0 +1,106 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BaoPaginationComponent implements OnChanges, OnInit {
+    private cdr;
+    /**
+     * The total number of items.
+     */
+    totalItems: number;
+    /**
+     * The number of items per page as selected.
+     */
+    itemsPerPage: number;
+    /**
+     * The current page number.
+     */
+    currentPage: number;
+    /**
+     * The different page size options.
+     */
+    pageSizeOptions: number[];
+    /**
+     * The label for the type of items that are displayed on the page
+     */
+    itemLabel: string;
+    /**
+     * If selector for number of items per page should be displayed or not
+     */
+    showItemsPerPageSelector: boolean;
+    /**
+     * EventEmitter that triggers when there is a page change and emits page number (index adjusted)
+     */
+    pageChanged: EventEmitter<number>;
+    /**
+     * EventEmitter that triggers when the number of items per page is changed.
+     */
+    itemsPerPageChanged: EventEmitter<number>;
+    /**
+     * Page number list to display
+     */
+    displayedPages: number[];
+    /**
+     * Max number of pages to display
+     */
+    private _maxPages;
+    /**
+     * Number of pages in total.
+     */
+    private _totalPages;
+    /**
+     * Position of first item being displayed on current page.
+     */
+    private _startItem;
+    /**
+     * Position of last item being displayed on current page.
+     */
+    private _endItem;
+    constructor(cdr: ChangeDetectorRef);
+    get totalPages(): number;
+    set totalPages(value: number);
+    get startItem(): number;
+    set startItem(value: number);
+    get endItem(): number;
+    set endItem(value: number);
+    get rangeLabel(): string;
+    /**
+     * Flag that indicates if a previous page exists for the current list
+     */
+    get hasPrevious(): boolean;
+    /**
+     * Flag that indicates if a next page exists for the current list
+     */
+    get hasNext(): boolean;
+    ngOnInit(): void;
+    /**
+     * Update list of displayed pages when current page is changed.
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Navigate to specific page
+     */
+    goTo(page: number): void;
+    /**
+     * Navigate to previous page
+     */
+    handlePreviousClick(): void;
+    /**
+     * Navigate to next page
+     */
+    handleNextClick(): void;
+    /**
+     * Update all required variables whenever the number of items displayed per page is changed.
+     * @param value New amount of items per page
+     */
+    handlePageSizeChange(value: number): void;
+    private updateTotalPages;
+    private updateStartItem;
+    private updateEndItem;
+    /**
+     * Generate series of page numbers to display. The list always starts with page 1
+     * and ends with last page.
+     * Adds negative numbers for ellipsis.
+     */
+    private buildPageNumbers;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoPaginationComponent, "bao-pagination", never, { "totalItems": { "alias": "totalItems"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "itemLabel": { "alias": "itemLabel"; "required": false; }; "showItemsPerPageSelector": { "alias": "showItemsPerPageSelector"; "required": false; }; }, { "pageChanged": "pageChanged"; "itemsPerPageChanged": "itemsPerPageChanged"; }, never, never, false, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "17.0.0",
+  "version": "17.1.1",
   "dependencies": {
     "tslib": "^2.7.0"
   },

package/public-api.d.ts

@@ -1,24 +1,25 @@
-export * from './lib/bao.module';
-export * from './lib/button/index';
-export * from './lib/icon/index';
 export * from './lib/alert/index';
+export * from './lib/avatar';
+export * from './lib/badge/index';
+export * from './lib/bao.module';
 export * from './lib/breadcrumb/index';
+export * from './lib/button/index';
 export * from './lib/card/index';
-export * from './lib/badge/index';
-export * from './lib/tag/index';
-export * from './lib/header-info/index';
-export * from './lib/list/index';
 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';
-export * from './lib/hyperlink';
 export * from './lib/dropdown-menu';
 export * from './lib/file';
+export * from './lib/header-info/index';
+export * from './lib/hyperlink';
+export * from './lib/icon/index';
+export * from './lib/list/index';
+export * from './lib/message-bar';
+export * from './lib/modal';
+export * from './lib/pagination/index';
+export * from './lib/radio/index';
+export * from './lib/shared';
 export * from './lib/snack-bar';
+export * from './lib/summary/index';
 export * from './lib/system-header';
-export * from './lib/message-bar';
+export * from './lib/tabs';
+export * from './lib/tag/index';