@acorex/components 21.0.1-next.0 → 21.0.1-next.10

package/popup/index.d.ts

@@ -1,17 +1,14 @@
-import * as i5 from '@angular/cdk/portal';
-import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, StaticProvider, OnInit } from '@angular/core';
+import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
 import * as i2 from '@acorex/cdk/common';
 import { MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
-import * as i3 from '@angular/cdk/drag-drop';
-import * as i4 from '@angular/cdk/a11y';
-import * as i6 from '@acorex/components/decorators';
-import * as i7 from '@angular/cdk/dialog';
-import * as i8 from '@acorex/core/translation';
+import * as i3 from '@acorex/components/decorators';
+import * as i4 from '@acorex/core/translation';
 
-type AXPopupContentType = TemplateRef<unknown> | ComponentType<unknown>;
+type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
 type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
 interface AXPopupConfig {
     title?: string;
@@ -39,19 +36,77 @@ interface AXPopupData {
     draggable: boolean;
     content: AXPopupContentType;
 }
+interface AXPopupRef<TResult = any> {
+    close: (data?: TResult) => void;
+    setInputs: (values: AXComponentInputs) => void;
+    setTitle: (title: string) => void;
+    /** Brings this popup to the front of all other overlays */
+    bringToFront: () => void;
+    onClose: Subject<TResult>;
+}
+declare abstract class AXPopupComponentBase {
+    __popup__: i0.InputSignal<AXPopupRef<any>>;
+    close(data?: any): void;
+    setTitle(title: string): void;
+    bringToFront(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupComponentBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPopupComponentBase, never, never, { "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXPopupStateService {
+    private popupList;
+    private overlayService;
+    /**
+     * Opens a popup with the specified content and configuration.
+     * @param content - Component or template to display
+     * @param config - Configuration options for the popup
+     * @returns Promise<AXPopupRef> - Reference to the opened popup
+     */
+    open<TResult = any>(content: AXPopupContentType, config: AXPopupConfig): Promise<AXPopupRef<TResult>>;
+    /**
+     * Closes a popup by its ID.
+     * @param id - The popup ID to close
+     * @param data - Optional data to pass to the close event
+     */
+    close<TResult = any>(id: number, data?: TResult): Promise<void>;
+    /**
+     * Sets input values for a popup by its ID.
+     * @param id - The popup ID
+     * @param values - Object containing input values to set
+     */
+    setInputs(id: number, values: AXComponentInputs): Promise<void>;
+    /**
+     * Sets the title for a popup by its ID.
+     * @param id - The popup ID
+     * @param title - The new title
+     */
+    setTitle(id: number, title: string): Promise<void>;
+    /**
+     * Brings a popup to the front of all other overlays.
+     * @param id - The popup ID to bring to front
+     */
+    bringToFront(id: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupStateService>;
+}
 
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
+ * The Popup is a component which displays content in a dialog overlay
  *
  * @category Components
  */
-declare class AXPopupComponent extends MXBaseComponent implements OnInit {
+declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
     private _zone;
-    private _viewContainerRef;
+    private _document;
     private loadingService;
     private _platform;
-    protected data: AXPopupData;
-    private dialogRef;
+    private componentService;
+    private contentContainerRef;
+    private contentContainerEl;
+    readonly __content__: i0.InputSignal<AXPopupContentType>;
+    readonly __config__: i0.InputSignal<AXPopupConfig>;
+    readonly __popupRef__: i0.InputSignal<AXPopupRef<any>>;
+    readonly __id__: i0.InputSignal<number>;
     /**
      * Indicates whether the component is loading.
      * @defaultValue true
@@ -60,19 +115,28 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit {
     /** @ignore */
     private _loadingId;
     /** @ignore */
-    protected _selectedPortal: Portal<unknown>;
+    private _componentRef;
+    /** Current title */
+    protected title: i0.WritableSignal<string>;
     /** @ignore */
-    protected _footerPortal: Portal<unknown>;
+    protected isDragging: i0.WritableSignal<boolean>;
     /** @ignore */
-    protected _headerPortal: Portal<unknown>;
+    protected dragOffset: i0.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
     /** @ignore */
-    private _componentRef;
+    private dragStartPos;
+    /** @ignore */
+    private elementStartPos;
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
-    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    private renderContent;
     /** @ignore */
-    onKeydownHandler(event: KeyboardEvent): void;
+    private handleContentRendered;
+    /** @ignore */
+    onKeydownHandler(): void;
     /** @ignore */
     protected _handleCloseClick(): void;
     /** @ignore */
@@ -82,17 +146,30 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit {
      */
     focus(): void;
     /**
-     * Closes the dialog, emitting component reference, host element, and optional data.
+     * Closes the popup, emitting component reference, host element, and optional data.
      * @param {unknown} [data]
      */
     close(data?: unknown): void;
+    /**
+     * Sets inputs on the content component.
+     * @param values - Object containing input values to set
+     */
+    setContentInputs(values: AXComponentInputs): void;
+    /**
+     * Sets the popup title.
+     * @param title - The new title
+     */
+    setTitle(title: string): void;
+    protected onDragStart(event: MouseEvent): void;
+    onDragMove(event: MouseEvent): void;
+    onDragEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, { "__content__": { "alias": "__content__"; "required": false; "isSignal": true; }; "__config__": { "alias": "__config__"; "required": false; "isSignal": true; }; "__popupRef__": { "alias": "__popupRef__"; "required": false; "isSignal": true; }; "__id__": { "alias": "__id__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPopupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.PortalModule, typeof i6.AXDecoratorModule, typeof i7.DialogModule, typeof i8.AXTranslationModule, typeof AXPopupComponent], [typeof AXPopupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.AXDecoratorModule, typeof i4.AXTranslationModule, typeof AXPopupComponent], [typeof AXPopupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
 }
 
@@ -102,8 +179,7 @@ declare class AXPopupModule {
  * @category Components
  */
 declare class AXPopupService {
-    #private;
-    private dialog;
+    private stateService;
     /**
      *  Open popup 1
      */
@@ -116,5 +192,5 @@ declare class AXPopupService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
 }
 
-export { AXPopupComponent, AXPopupModule, AXPopupService };
-export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupSizeType };
+export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService, AXPopupStateService };
+export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupRef, AXPopupSizeType };

package/rate-picker/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, Renderer2 } from '@angular/core';
-import { MXValueComponent, AXStyleColorType } from '@acorex/cdk/common';
+import { MXValueComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 /**
@@ -19,7 +19,6 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * @default 'fa-star'
      */
     readonly iconName: _angular_core.InputSignal<string>;
-    readonly color: _angular_core.InputSignal<AXStyleColorType>;
     /**
      * @description
      * Maximum value for the rating.
@@ -115,11 +114,22 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
     private onEnd;
     private countDecimals;
     /**
-     * @ignore
+     * @description
+     * Determines if the component is active (i.e., not readonly or disabled).
+     */
+    get isActive(): boolean;
+    /**
+     * @description
+     * Determines if the component is in readonly mode.
+     */
+    get isReadonly(): boolean;
+    /**
+     * @description
+     * Determines if the component is disabled.
      */
-    private get __hostClass();
+    get isDisabled(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXRatePickerModule {