@acorex/components 21.0.1-next.3 → 21.0.1-next.4

package/action-sheet/index.d.ts

@@ -1,7 +1,7 @@
-import { AXStyleColorType, MXBaseComponent } from '@acorex/cdk/common';
-import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import { AXStyleColorType, AXComponentCloseEvent, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, Type, OnInit, OnDestroy, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 
@@ -21,7 +21,7 @@ interface AXActionSheetItem {
         title?: string;
     };
 }
-type AXActionSheetContentType = TemplateRef<unknown> | ComponentType<unknown>;
+type AXActionSheetContentType = TemplateRef<unknown> | Type<unknown>;
 interface AXActionSheetConfig {
     title?: string;
     subTitle?: string;
@@ -35,13 +35,21 @@ interface AXActionSheetConfig {
     dragUp?: boolean;
 }
 interface AXActionSheetEvent {
-    dialogRef: any;
+    overlayRef?: AXOverlayRef<unknown>;
     nativeEvent?: Event;
     isUserInteraction: boolean;
     data: {
         state: 'open' | 'close' | 'dragStart' | 'dragEnd' | 'fullScreen' | 'normalSize';
     };
 }
+/**
+ * @internal
+ * Internal reference used by action sheet service to manage overlay instances
+ */
+interface AXActionSheetInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: (result?: AXComponentCloseEvent) => void;
+}
 
 /**
  * A component for displaying an action sheet, which is a menu that slides up from the bottom of the screen.
@@ -49,8 +57,12 @@ interface AXActionSheetEvent {
  * @category Components
  */
 declare class AXActionSheetComponent extends MXBaseComponent implements OnInit, OnDestroy {
-    protected data: AXActionSheetConfig;
-    private dialogRef;
+    /** Action sheet configuration data */
+    data: i0.InputSignal<AXActionSheetConfig>;
+    /** @internal Callback function to close the action sheet */
+    onClose: i0.InputSignal<(result?: AXComponentCloseEvent) => void>;
+    /** @internal Overlay reference for event tracking */
+    overlayRef: i0.InputSignal<AXOverlayRef<unknown>>;
     private document;
     private platformID;
     private renderer;
@@ -65,14 +77,19 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private actionSheetHeight;
     private isActionSheetHeightSet;
     private transitionDuration;
-    /**
-     *  @ignore
-     */
-    protected _selectedPortal: Portal<any>;
     /**
      *  @ignore
      */
     private _componentRef;
+    /** Template content if data.content is a TemplateRef */
+    protected templateContent: i0.Signal<TemplateRef<unknown>>;
+    /** Component content if data.content is a component Type */
+    protected componentContent: i0.Signal<Type<unknown>>;
+    /** Template context for ngTemplateOutlet */
+    protected templateContext: i0.Signal<{
+        $implicit: AXActionSheetConfig;
+        ref: AXActionSheetComponent;
+    }>;
     /**
      *  @ignore
      */
@@ -83,7 +100,10 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private handleDown;
     private snapToFinalPosition;
     private heightCalculator;
-    protected handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    /**
+     * Handles component attachment from ngComponentOutlet
+     */
+    protected handleComponentCreated(componentRef: ComponentRef<unknown>): void;
     /**
      * Handles click events on action sheet items.
      * This method is called when a user clicks on an action sheet item. It closes the action sheet
@@ -104,13 +124,13 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
      *                           This affects how the action sheet handles accessibility and event tracking.
      * @returns void
      */
-    close(e?: any, isUserInteraction?: boolean): void;
+    close(e?: unknown, isUserInteraction?: boolean): void;
     /**
      *  @ignore
      */
     protected onKeydownHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; "overlayRef": { "alias": "overlayRef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXActionSheetModule {
@@ -120,11 +140,13 @@ declare class AXActionSheetModule {
 }
 
 interface AXActionSheetDialogRef {
-    close: (e?: any) => void;
-    closed: Subject<any>;
+    close: (e?: unknown) => void;
+    closed: Subject<{
+        data?: unknown;
+    }>;
 }
 declare class AXActionSheetService {
-    private dialog;
+    private overlayService;
     private readonly actionSheetEvent;
     actionSheetEvent$: rxjs.Observable<AXActionSheetEvent>;
     /**
@@ -162,7 +184,7 @@ declare class AXActionSheetService {
      * observable for external subscribers to monitor action sheet state changes.
      *
      * @param event - The action sheet event to emit. Contains information about the event type,
-     *               associated data, user interaction status, and dialog reference.
+     *               associated data, user interaction status, and overlay reference.
      * @returns void
      */
     setActionSheetEventState(event: AXActionSheetEvent): void;
@@ -171,4 +193,4 @@ declare class AXActionSheetService {
 }
 
 export { AXActionSheetComponent, AXActionSheetModule, AXActionSheetService };
-export type { AXActionSheetConfig, AXActionSheetContentType, AXActionSheetDialogRef, AXActionSheetEvent, AXActionSheetItem };
+export type { AXActionSheetConfig, AXActionSheetContentType, AXActionSheetDialogRef, AXActionSheetEvent, AXActionSheetInternalRef, AXActionSheetItem };

package/datetime-picker/index.d.ts

@@ -66,7 +66,7 @@ declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base i
      *  @ignore
      */
     protected get _hasTimePart(): boolean;
-    protected _editingDateObj: _angular_core.WritableSignal<AXDateTime>;
+    editingDateObj: _angular_core.WritableSignal<AXDateTime>;
     /**
      * @description The calendar type to use for the datetime input.
      */

package/dialog/index.d.ts

@@ -1,5 +1,6 @@
 import * as i2 from '@acorex/cdk/common';
 import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/cdk/drag-drop';
@@ -7,8 +8,7 @@ import * as i4 from '@angular/cdk/a11y';
 import * as i5 from '@acorex/components/button';
 import * as i6 from '@acorex/components/decorators';
 import * as i7 from '@acorex/components/loading';
-import * as i8 from '@angular/cdk/dialog';
-import * as i9 from '@acorex/core/translation';
+import * as i8 from '@acorex/core/translation';
 
 interface AXDialogButtonItem {
     text: string;
@@ -48,14 +48,24 @@ interface AXDialogData {
     icon?: string | 'none';
     draggable?: boolean;
 }
+/**
+ * @internal
+ * Internal reference used by dialog service to manage overlay instances
+ */
+interface AXDialogInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: () => void;
+}
 
 /**
  * A dialog component that provides a modal interface for user interactions.
  * @category Components
  */
 declare class AXDialogComponent extends MXBaseComponent {
-    protected data: AXDialogData;
-    private dialogRef;
+    /** Dialog configuration data */
+    data: i0.InputSignal<AXDialogData>;
+    /** @internal Callback function to close the dialog */
+    onClose: i0.InputSignal<() => void>;
     /**
      *  @ignore
      */
@@ -74,19 +84,13 @@ declare class AXDialogComponent extends MXBaseComponent {
      * @returns void - No return value. The dialog is closed and removed from the DOM.
      */
     close(): void;
-    /**
-     *  @ignore
-     */
-    get tabIndex(): string;
-    /** @ignore */
-    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.DialogModule, typeof i9.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDialogModule>;
 }
 
@@ -96,7 +100,7 @@ declare class AXDialogModule {
  * @category Components
  */
 declare class AXDialogService {
-    private dialog;
+    private overlayService;
     private defaultConfig;
     private detectIcon;
     /**
@@ -145,4 +149,4 @@ declare class AXDialogService {
 }
 
 export { AXDialogComponent, AXDialogModule, AXDialogService };
-export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogRef };
+export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogInternalRef, AXDialogRef };

package/dropdown/index.d.ts

@@ -3,13 +3,12 @@ import { MXInteractiveComponent, MXLookComponent, AXEvent } from '@acorex/cdk/co
 import * as i0 from '@angular/core';
 import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
 import * as polytype from 'polytype';
-import * as i6 from '@acorex/components/popover';
+import * as i5 from '@acorex/components/popover';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { Subscription } from 'rxjs';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/cdk/a11y';
-import * as i4 from '@angular/cdk/overlay';
-import * as i5 from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/decorators';
 
 declare const AXDropdownBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
 declare class AXDropdownBoxComponent extends AXDropdownBoxComponent_base implements OnInit {
@@ -278,7 +277,7 @@ declare class AXDropdownPanelComponent extends MXInteractiveComponent implements
 
 declare class AXDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, never, [typeof i1.CommonModule, typeof _acorex_cdk_common.AXCommonModule, typeof i3.A11yModule, typeof i4.OverlayModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule, typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent], [typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, never, [typeof i1.CommonModule, typeof _acorex_cdk_common.AXCommonModule, typeof i3.A11yModule, typeof i4.AXDecoratorModule, typeof i5.AXPopoverModule, typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent], [typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
 }