@acorex/components 21.0.1-next.7 → 21.0.1-next.71

package/{popover/index.d.ts → types/acorex-components-popover.d.ts}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, ElementRef, ComponentRef, TemplateRef, EventEmitter } from '@angular/core';
 import { MXBaseComponent, AXPlacementType, AXEvent } from '@acorex/cdk/common';
-import { ComponentType } from '@angular/cdk/portal';
+import { AXComponentType } from '@acorex/core/components';
 import * as i1 from '@angular/common';
 
 type AXPopoverOpenTrigger = 'manual' | 'click' | 'hover' | 'toggle';
@@ -12,26 +12,23 @@ type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
  */
 declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     #private;
+    private platform;
     private document;
     private platformID;
-    private renderer;
-    private onKeyDownListenerFn;
-    /** @ignore */
-    private _platform;
-    /** @ignore */
-    private _overlay;
+    private overlayService;
+    private onKeyDownHandler;
     /** @ignore */
     private _overlayRef;
     /** @ignore */
-    private _isMouseOverButton;
-    /** @ignore */
-    private _isMouseOverTooltip;
-    /** @ignore */
     private _lastActiveElement;
     /** @ignore */
     private _targetEvents;
     /** @ignore */
-    private _overlayEvents;
+    private _outsideClickHandler;
+    /** @ignore */
+    private _scrollHandler;
+    /** @ignore */
+    private _scrollListenerActive;
     /** @ignore */
     private resizeObserver;
     /** @ignore */
@@ -39,6 +36,8 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _disabled;
     readonly width: i0.InputSignal<string>;
+    readonly disablePanelClass: i0.InputSignal<boolean>;
+    private translateService;
     /**
      * Gets or sets whether the popover is disabled.
      * When disabled, the popover will not open and will close if already open.
@@ -76,8 +75,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set target(v: Element | ElementRef | MXBaseComponent);
     /** @ignore */
-    private _defautPlacements;
-    /** @ignore */
     private _placements;
     /** @ignore */
     private _placement;
@@ -90,13 +87,11 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set placement(v: AXPlacementType);
     /** @ignore */
-    private _portal;
-    /** @ignore */
     private _componentRef;
     /**
      * Gets the reference to the component.
      */
-    get componentRef(): ComponentRef<unknown>;
+    get componentRef(): ComponentRef<unknown> | null;
     /**
      * Holds the context data for the component.
      */
@@ -106,7 +101,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Defines the content to be displayed, which can be a template or a component.
      */
-    content: TemplateRef<unknown> | ComponentType<unknown>;
+    content: TemplateRef<unknown> | AXComponentType<unknown>;
     /** @ignore */
     private _openOn;
     /**
@@ -125,7 +120,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     get closeOn(): AXPopoverCloseTrigger;
     /**
      * Sets the trigger for closing the popover and rebinds target events.
-     * @param v
      */
     set closeOn(v: AXPopoverCloseTrigger);
     /**
@@ -135,17 +129,25 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Delay in milliseconds before the popover opens after a trigger event.
      */
-    openAfter: number;
+    private _openAfter;
+    get openAfter(): number;
+    set openAfter(value: number);
     /**
      * Delay in milliseconds before the popover closes after a trigger event.
      */
-    closeAfter: number;
+    private _closeAfter;
+    get closeAfter(): number;
+    set closeAfter(value: number);
+    /**
+     * Whether to update the popover position when scrolling.
+     */
+    repositionOnScroll: boolean;
     /**
      * CSS class to apply to the backdrop element.
      */
     backdropClass: string;
     /**
-     * CSS class to apply to the backdrop element.
+     * CSS class to apply to the panel element.
      */
     panelClass: string;
     /**
@@ -167,10 +169,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _emitOnClosedEvent;
     /** @ignore */
-    protected _handleMouseEnter(e: MouseEvent): void;
-    /** @ignore */
-    protected _handleMouseLeave(e: MouseEvent): void;
-    /** @ignore */
     private removeTargetEvents;
     /** @ignore */
     private bindTargetEvents;
@@ -178,6 +176,18 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private bindOverlayEvents;
     /** @ignore */
     private removeOverlayEvents;
+    /** @ignore */
+    private setupScrollListener;
+    /** @ignore */
+    private removeScrollListener;
+    /**
+     * Checks if the clicked element is inside a child overlay (e.g., selectbox dropdown).
+     * Child overlays are identified by having a higher z-index than this popover's overlay.
+     * @ignore
+     */
+    private isClickInsideChildOverlay;
+    /** @ignore */
+    private handleOverlayDisposed;
     /**
      * Toggles the component's open state.
      */
@@ -189,7 +199,11 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Opens the component if it's not already open, saves focus, opens the overlay, and emits the opened event.
      */
-    open(): void;
+    open(): Promise<void>;
+    /** @ignore */
+    private addKeyDownListener;
+    /** @ignore */
+    private removeKeyDownListener;
     /** @ignore */
     private saveFocus;
     /** @ignore */
@@ -201,13 +215,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      * @returns {boolean}
      */
     get isOpen(): boolean;
-    /**
-     * Determines if the actionsheet style should be applied.
-     * @returns {boolean}
-     */
-    get isActionsheetStyle(): boolean;
-    /** @ignore */
-    private updatePositionStrategy;
     /** @ignore */
     private updateOffset;
     /**
@@ -218,15 +225,18 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      * Focuses the overlay element.
      */
     focus(): void;
+    /**
+     * Brings this popover to the front of all other overlays.
+     */
+    bringToFront(): void;
     /** @ignore */
     private initializeResizeObserver;
     /** @ignore */
     private disconnectResizeObserver;
-    protected ngOnInit(): void;
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disablePanelClass": { "alias": "disablePanelClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "repositionOnScroll": { "alias": "repositionOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }
 
 declare class AXPopoverModule {

package/types/acorex-components-popup.d.ts

@@ -0,0 +1,193 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
+import * as i2 from '@acorex/cdk/common';
+import { MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
+import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/common';
+import * as i3 from '@acorex/components/decorators';
+import * as i4 from '@acorex/core/translation';
+
+type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
+type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
+interface AXPopupConfig {
+    title?: string;
+    closeButton?: boolean;
+    header?: boolean;
+    maximizable?: boolean;
+    size?: AXPopupSizeType;
+    /** @deprecated Use `inputs` instead to pass data to the popup component. */
+    data?: unknown;
+    inputs?: unknown;
+    draggable?: boolean;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    closeOnBackdropClick?: boolean;
+    viewContainerRef?: ViewContainerRef;
+    providers?: StaticProvider[];
+    panelClass?: string[];
+    direction?: 'rtl' | 'ltr';
+}
+interface AXPopupData {
+    title: string;
+    closeButton: boolean;
+    header: boolean;
+    maximizable: boolean;
+    size: AXPopupSizeType;
+    data?: unknown;
+    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>;
+    /** The component instance rendered inside the popup (available after content is rendered) */
+    componentInstance?: unknown;
+}
+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>;
+}
+
+/**
+ * The Popup is a component which displays content in a dialog overlay
+ *
+ * @category Components
+ */
+declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
+    private _zone;
+    private loadingService;
+    private _platform;
+    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
+     */
+    isLoading: boolean;
+    /** @ignore */
+    private _loadingId;
+    /** @ignore */
+    private _componentRef;
+    /** Current title */
+    protected title: i0.WritableSignal<string>;
+    /** @ignore */
+    protected isDragging: i0.WritableSignal<boolean>;
+    /** @ignore */
+    protected dragOffset: i0.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    /** @ignore */
+    private dragStartPos;
+    /** @ignore */
+    private elementStartPos;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    private renderContent;
+    /** @ignore */
+    private handleContentRendered;
+    /** @ignore */
+    onKeydownHandler(): void;
+    /** @ignore */
+    protected _handleCloseClick(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /**
+     * Sets focus on the `.ax-popup` element within the host element after a short delay.
+     */
+    focus(): void;
+    /**
+     * 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, { "__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.AXDecoratorModule, typeof i4.AXTranslationModule, typeof AXPopupComponent], [typeof AXPopupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
+}
+
+/**
+ * This is a service which you can create popup with it
+ *
+ * @category Components
+ */
+declare class AXPopupService {
+    private popupList;
+    private overlayService;
+    /**
+     *  Open popup 1
+     */
+    open(content: AXPopupContentType, title: string): AXComponentClosedPromise;
+    /**
+     *  Open popup 2
+     */
+    open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;
+    /**
+     * 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
+     */
+    private openInternal;
+    /**
+     * 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): 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): 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): 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<AXPopupService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
+}
+
+export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService };
+export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupRef, AXPopupSizeType };

package/{radio/index.d.ts → types/acorex-components-radio.d.ts}

@@ -17,7 +17,7 @@ declare class AXRadioComponent extends MXValueComponent<boolean | null> implemen
     ngAfterViewChecked(): void;
     /** @ignore */
     /** @ignore */
-    private _handleClick;
+    _handleClick(e: UIEvent): boolean;
     /** @ignore */
     protected _handleModelChange(value: boolean | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRadioComponent, never>;