@villedemontreal/angular-ui 16.3.0 → 17.1.1

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

@@ -3,8 +3,8 @@ 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",
+    SMALL = "bao-modal-sm",// 500px
+    MEDIUM = "bao-modal-md",// 800px
     LARGE = "bao-modal-lg"
 }
 export declare enum eModalVariant {
@@ -12,7 +12,7 @@ export declare enum eModalVariant {
     FILTER = "filter"
 }
 export declare enum eModalMobileWidthSize {
-    FULL = "bao-modal-mobil-full",
+    FULL = "bao-modal-mobil-full",// Full width on mobile screen
     COMPACT = "bao-modal-mobil-compact"
 }
 export interface BaoModalConfig {
@@ -24,7 +24,7 @@ export interface BaoModalConfig {
     triggerElement?: ElementRef;
 }
 /** Options for where to set focus to automatically on dialog open */
-export type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';
+export type AutoFocusTarget = 'dialog' | 'modal' | 'first-tabbable' | 'first-heading';
 /** Valid ARIA roles for a dialog element. */
 export type ModalRole = 'dialog' | 'alertdialog';
 /** Possible overrides for a dialog's position. */
@@ -97,7 +97,7 @@ export declare class BaoModalInitialConfig<D = unknown> {
     /**
      * Where the dialog should focus on open.
      */
-    autoFocus?: AutoFocusTarget | string;
+    autoFocus?: AutoFocusTarget;
     /**
      * Whether the dialog should restore focus to the
      * previously-focused element, after it's closed.

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

@@ -83,6 +83,18 @@ export declare class BaoModalRef<T, R = unknown> {
     private _finishModalClose;
     /** Fetches the position strategy object from the overlay ref. */
     private _getPositionStrategy;
+    /**
+     * Applies the position strategy to the overlay.
+     *
+     * This method sets the position of the modal based on the provided `position` configuration.
+     * It determines whether to apply the position to the vertical or horizontal axis based on the
+     * `axis` parameter.
+     *
+     * @param position The position configuration for the modal.
+     * @param strategy The position strategy to be applied.
+     * @param axis The axis to apply the position (`'horizontal' | 'vertical'`)
+     */
+    private applyPositionStrategy;
 }
 /**
  * Closes the modal with the specified interaction type. This is currently not part of

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "16.3.0",
+  "version": "17.1.1",
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.7.0"
   },
   "peerDependencies": {
-    "@angular/cdk": ">=16.0.0 <17.0.0",
-    "@angular/common": ">=16.0.0 <17.0.0",
-    "@angular/core": ">=16.0.0 <17.0.0",
-    "@angular/forms": ">=16.0.0 <17.0.0"
+    "@angular/cdk": ">=16.0.0 <18.0.0",
+    "@angular/common": ">=16.0.0 <18.0.0",
+    "@angular/core": ">=16.0.0 <18.0.0",
+    "@angular/forms": ">=16.0.0 <18.0.0"
   },
   "module": "fesm2022/villedemontreal-angular-ui.mjs",
   "typings": "index.d.ts",