@villedemontreal/angular-ui 16.1.0 → 17.0.0

package/lib/bao.module.d.ts

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

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

@@ -2,12 +2,12 @@ import { ViewContainerRef, Injector } from '@angular/core';
 import { Direction } from '@angular/cdk/bidi';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 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 eModalMobileWidthSize {
-    FULL = "bao-modal-mobil-full",
+    FULL = "bao-modal-mobil-full",// Full width on mobile screen
     COMPACT = "bao-modal-mobil-compact"
 }
 export interface BaoModalConfig {
@@ -17,7 +17,7 @@ export interface BaoModalConfig {
     ariaLabelledBy?: string;
 }
 /** 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. */
@@ -86,7 +86,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.1.0",
+  "version": "17.0.0",
   "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",