@area8975/ui 0.1.1-dev.5 → 0.1.1-dev.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@area8975/ui",
-  "version": "0.1.1-dev.5",
+  "version": "0.1.1-dev.7",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

package/types/area8975-ui.d.ts

@@ -953,6 +953,10 @@ export interface UiOverlayOptions {
   offset: number;
   viewportPadding: number;
 }
+export interface UiOverlayStackEntry {
+  onDocumentClick: (event: MouseEvent) => void;
+  onKeyDown: (event: KeyboardEvent) => void;
+}
 export interface SelectDataSourceParameters {
   query: string;
   page: number;
@@ -1762,23 +1766,21 @@ export declare class UiLoadingComponent {
 export declare const UI_LOADING_TYPES: ["spinner", "throbber", "pulse-ring", "pulse-dot", "wave", "equaliser", "terminal", "blinking-caret", "shimmer-text", "loading-dots", "bouncing-dots", "fading-dots"];
 export type UiLoadingType = typeof UI_LOADING_TYPES[number];
 type ModalSize = 'sm' | 'md' | 'lg';
-/**
- * Centered dialog with a backdrop. Uses ui-overlay for dismissal/focus,
- * no ui-floating since there's nothing to position against.
- */
 export declare class UiModalComponent {
-  readonly panelElement: import("@angular/core").Signal<ElementRef<any> | undefined>;
-  readonly open: import("@angular/core").ModelSignal<boolean>;
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
   readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
-  readonly toggle: () => void;
-  readonly close: () => void;
+  readonly title: import("@angular/core").InputSignal<string>;
   readonly size: import("@angular/core").InputSignal<ModalSize>;
-  readonly generatedSizeClasses: import("@angular/core").Signal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly headerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly footerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly panelElement: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<UiModalComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", ["uiModal"], {
-    "open": {
-      "alias": "open";
-      "required": false;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", never, {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
       "isSignal": true;
     };
     "closeBehaviour": {
@@ -1786,14 +1788,24 @@ export declare class UiModalComponent {
       "required": false;
       "isSignal": true;
     };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
     "size": {
       "alias": "size";
       "required": false;
       "isSignal": true;
     };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
-    "open": "openChange";
-  }, never, ["*"], true, never>;
+    "isOpen": "isOpenChange";
+  }, ["headerElement", "footerElement"], ["*"], true, never>;
 }
 /**
  * Formats a money value, e.g. -42.1 as "-£42.10".
@@ -2530,8 +2542,9 @@ export declare class UiLayoutComponent {
   static ɵfac: i0.ɵɵFactoryDeclaration<UiLayoutComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<UiLayoutComponent, "ui-layout", never, {}, {}, ["sidebar"], ["*"], true, never>;
 }
-export declare class UiOverlayComponent {
+export declare class UiOverlayComponent implements UiOverlayStackEntry {
   private readonly positioner;
+  private readonly stack;
   readonly content: import("@angular/core").InputSignal<ElementRef<HTMLInputElement> | undefined>;
   readonly anchor: import("@angular/core").InputSignal<ElementRef<HTMLElement> | undefined>;
   readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
@@ -2543,8 +2556,8 @@ export declare class UiOverlayComponent {
   readonly matchWidth: import("@angular/core").InputSignal<DropdownMatchWidth | null>;
   constructor();
   private readonly close;
-  private onDocumentClick;
-  private onKeyDown;
+  readonly onDocumentClick: (event: MouseEvent) => void;
+  readonly onKeyDown: (event: KeyboardEvent) => void;
   static ɵfac: i0.ɵɵFactoryDeclaration<UiOverlayComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<UiOverlayComponent, "ui-overlay", ["uiOverlay"], {
     "content": {