@villedemontreal/angular-ui 16.2.0 → 16.3.0

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",
     MEDIUM = "bao-modal-md",
     LARGE = "bao-modal-lg"
 }
+export declare enum eModalVariant {
+    GLOBAL = "global",
+    FILTER = "filter"
+}
 export declare enum eModalMobileWidthSize {
     FULL = "bao-modal-mobil-full",
     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' | '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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "16.2.0",
+  "version": "16.3.0",
   "dependencies": {
     "tslib": "^2.3.0"
   },