@acorex/components 21.0.0-next.45 → 21.0.0-next.47

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.0-next.45",
+  "version": "21.0.0-next.47",
   "peerDependencies": {
-    "@acorex/core": "21.0.0-next.45",
-    "@acorex/cdk": "21.0.0-next.45",
+    "@acorex/core": "21.0.0-next.47",
+    "@acorex/cdk": "21.0.0-next.47",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -192,14 +192,14 @@
       "types": "./decorators/index.d.ts",
       "default": "./fesm2022/acorex-components-decorators.mjs"
     },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "default": "./fesm2022/acorex-components-dialog.mjs"
-    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "default": "./fesm2022/acorex-components-drawer.mjs"
     },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/acorex-components-dialog.mjs"
+    },
     "./drawer-legacy": {
       "types": "./drawer-legacy/index.d.ts",
       "default": "./fesm2022/acorex-components-drawer-legacy.mjs"

package/paint/index.d.ts

@@ -98,6 +98,11 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected hostElem: ElementRef<any>;
     /** @ignore */
     private resizeEvent;
+    /**
+     * Specifies the class that pass to component.
+     *
+     */
+    readonly customClass: _angular_core.InputSignal<string>;
     readonly paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
@@ -129,7 +134,7 @@ declare class AXPaintViewComponent implements OnDestroy {
     getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
     get __hostClass(): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPaintToolsSelectorComponent {

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 {

package/tree-view/index.d.ts

@@ -98,6 +98,12 @@ interface AXTreeViewNodeToggleEvent extends AXHtmlEvent {
 interface AXTreeViewNodeSelectEvent extends AXHtmlEvent {
     node: AXTreeViewNode;
 }
+interface AXTreeViewNodeDoubleClickEvent extends AXHtmlEvent {
+    node: AXTreeViewNode;
+}
+interface AXTreeViewNodeClickEvent extends AXHtmlEvent {
+    node: AXTreeViewNode;
+}
 interface AXTreeViewSelectionChangeEvent extends AXEvent {
     selectedNodes: AXTreeViewNode[];
 }
@@ -115,6 +121,8 @@ interface AXTreeViewItemTemplateContext {
     expanded: boolean;
     childrenCount: number;
     loading: boolean;
+    /** Whether the node is effectively disabled (considering inheritance from parents) */
+    disabled: boolean;
 }
 type AXTreeViewViewLook = 'default' | 'card' | 'with-line';
 type AXTreeViewDragArea = 'handler' | 'item';
@@ -181,10 +189,8 @@ declare class AXTreeViewComponent {
     private readonly destroyRef;
     /** Tree data source - can be static array or lazy loading function */
     readonly datasource: _angular_core.ModelSignal<AXTreeViewDataSource>;
-    /** Selection mode: 'single' (click to select) or 'multiple' (checkbox selection). Default: `'single'` */
+    /** Selection mode: 'single' (click to select) or 'multiple' (checkbox selection). Default: `'single'`. In multiple mode, checkboxes are automatically shown. */
     readonly selectMode: _angular_core.InputSignal<AXTreeViewSelectMode>;
-    /** Whether to show checkboxes for selection (only applies to multiple mode). Default: `false`. When false and selectMode is not 'none', clicking on a node toggles its selection. */
-    readonly showCheckbox: _angular_core.InputSignal<boolean>;
     /** Selection behavior: 'all' (select anything, no special behavior), 'intermediate' (parent indeterminate state when children selected), 'leaf' (only leaf nodes selectable), 'nested' (selecting parent selects all children). Default: `'intermediate'` */
     readonly selectionBehavior: _angular_core.InputSignal<AXTreeViewSelectionBehavior>;
     /** Drag area: 'handler' (drag handle), 'item' (entire item). Default: `'handler'` */
@@ -229,12 +235,18 @@ declare class AXTreeViewComponent {
     readonly childrenCountField: _angular_core.InputSignal<string>;
     /** Field name for custom data. Default: `'data'` */
     readonly dataField: _angular_core.InputSignal<string>;
+    /** Whether disabled state is inherited from parent nodes. Default: `true`. */
+    readonly inheritDisabled: _angular_core.InputSignal<boolean>;
     /** Emitted before a drop operation - set canceled to true to prevent drop */
     readonly onBeforeDrop: _angular_core.OutputEmitterRef<AXTreeViewBeforeDropEvent>;
     /** Emitted when a node is toggled (expanded/collapsed) */
     readonly onNodeToggle: _angular_core.OutputEmitterRef<AXTreeViewNodeToggleEvent>;
     /** Emitted when a node is selected/deselected */
     readonly onNodeSelect: _angular_core.OutputEmitterRef<AXTreeViewNodeSelectEvent>;
+    /** Emitted when a node is double-clicked */
+    readonly onNodeDoubleClick: _angular_core.OutputEmitterRef<AXTreeViewNodeDoubleClickEvent>;
+    /** Emitted when a node is double-clicked */
+    readonly onNodeClick: _angular_core.OutputEmitterRef<AXTreeViewNodeClickEvent>;
     /** Emitted when selection changes - returns all currently selected nodes */
     readonly onSelectionChange: _angular_core.OutputEmitterRef<AXTreeViewSelectionChangeEvent>;
     /** Emitted when nodes are reordered within the same parent */
@@ -251,6 +263,8 @@ declare class AXTreeViewComponent {
     protected readonly focusedNodeId: _angular_core.WritableSignal<string>;
     /** RTL detection signal */
     protected readonly isRtl: _angular_core.WritableSignal<boolean>;
+    /** active node id */
+    protected readonly activeNodeId: _angular_core.WritableSignal<string>;
     /** Computed chevron icons that flip for RTL */
     protected readonly directionExpandedIcon: _angular_core.Signal<string>;
     protected readonly directionCollapsedIcon: _angular_core.Signal<string>;
@@ -315,9 +329,22 @@ declare class AXTreeViewComponent {
      */
     protected setNodeIndeterminate(node: AXTreeViewNode, value: boolean): void;
     /**
-     * Get node disabled state
+     * Get node's own disabled state (without inheritance)
      */
     protected getNodeDisabled(node: AXTreeViewNode): boolean;
+    /**
+     * Check if node is effectively disabled (considering inheritance from parents)
+     * When inheritDisabled is true:
+     * - Returns true if node itself is disabled
+     * - Returns true if any ancestor is disabled AND node doesn't have explicit `disabled: false`
+     * When inheritDisabled is false:
+     * - Only returns node's own disabled state
+     */
+    protected isNodeEffectivelyDisabled(node: AXTreeViewNode): boolean;
+    /**
+     * Check if any ancestor of the node is disabled
+     */
+    private isAnyAncestorDisabled;
     /**
      * Get node hidden state
      */
@@ -363,7 +390,7 @@ declare class AXTreeViewComponent {
      */
     deleteSelected(): void;
     /**
-     * Select all nodes in the tree
+     * Select all nodes in the tree (respects disabled state)
      */
     selectAll(): void;
     /**
@@ -518,6 +545,12 @@ declare class AXTreeViewComponent {
      * @returns true if node has children, false otherwise
      */
     hasChildren(nodeId: string): boolean;
+    /**
+     * Check if a node is disabled (considering inheritance from parent nodes)
+     * @param nodeId - The ID of the node
+     * @returns true if node is disabled (directly or inherited), false otherwise
+     */
+    isDisabled(nodeId: string): boolean;
     /**
      * Get template context for a node
      */
@@ -572,11 +605,16 @@ declare class AXTreeViewComponent {
      */
     private emitSelectionChange;
     /**
-     * Handle node click - for single selection mode or multiple mode when showCheckbox is false
+     * Handle node double click
+     */
+    onNodeDoubleClickHandle(node: AXTreeViewNode, event: Event): void;
+    /**
+     * Handle node click handle
      */
-    onNodeClick(node: AXTreeViewNode, event: Event): void;
+    onNodeClickHandle(node: AXTreeViewNode, event: Event): void;
     /**
      * Toggle node expansion state with lazy loading support
+     * Note: Disabled nodes can still be toggled (expanded/collapsed) for better UX
      */
     toggleNode(node: AXTreeViewNode, event: Event): Promise<void>;
     /**
@@ -630,7 +668,7 @@ declare class AXTreeViewComponent {
      */
     private handleSingleSelection;
     /**
-     * Handle multiple selection mode when showCheckbox is false (click to toggle)
+     * Handle multiple selection mode (used internally, but in multiple mode selection is primarily handled by checkboxes)
      */
     private handleMultipleSelection;
     /**
@@ -701,7 +739,7 @@ declare class AXTreeViewComponent {
      */
     private handleError;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
 }
 
 declare class AXTreeViewModule {
@@ -721,7 +759,7 @@ declare class AXTreeViewService {
     /**
      * Find a node by ID in the tree
      */
-    findNodeById(nodes: AXTreeViewNode[], id: string, idField?: string): AXTreeViewNode | null;
+    findNodeById(nodes: AXTreeViewNode[], id: string, idField?: string, childrenField?: string): AXTreeViewNode | null;
     /**
      * Find parent node of a given node
      */
@@ -794,7 +832,7 @@ declare class AXTreeViewService {
     /**
      * Find parent node by list ID
      */
-    findParentByListId(nodes: AXTreeViewNode[], listId: string, idField?: string): AXTreeViewNode | undefined;
+    findParentByListId(nodes: AXTreeViewNode[], listId: string, idField?: string, childrenField?: string): AXTreeViewNode | undefined;
     /**
      * Generate unique list ID for each node
      */
@@ -897,4 +935,4 @@ declare class AXTreeViewService {
 }
 
 export { AXTreeViewComponent, AXTreeViewModule, AXTreeViewService };
-export type { AXTreeViewBeforeDropEvent, AXTreeViewCallback, AXTreeViewChildrenSelectionState, AXTreeViewDataSource, AXTreeViewDragArea, AXTreeViewDragBehavior, AXTreeViewDropEvent, AXTreeViewFlatNode, AXTreeViewItemTemplateContext, AXTreeViewNode, AXTreeViewNodeSelectEvent, AXTreeViewNodeToggleEvent, AXTreeViewSelectMode, AXTreeViewSelectionBehavior, AXTreeViewSelectionChangeEvent, AXTreeViewViewLook };
+export type { AXTreeViewBeforeDropEvent, AXTreeViewCallback, AXTreeViewChildrenSelectionState, AXTreeViewDataSource, AXTreeViewDragArea, AXTreeViewDragBehavior, AXTreeViewDropEvent, AXTreeViewFlatNode, AXTreeViewItemTemplateContext, AXTreeViewNode, AXTreeViewNodeClickEvent, AXTreeViewNodeDoubleClickEvent, AXTreeViewNodeSelectEvent, AXTreeViewNodeToggleEvent, AXTreeViewSelectMode, AXTreeViewSelectionBehavior, AXTreeViewSelectionChangeEvent, AXTreeViewViewLook };

package/fesm2022/acorex-components-modal-acorex-components-modal-WaTo81yi.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-modal-acorex-components-modal-WaTo81yi.mjs","sources":["../../../../packages/components/modal/src/lib/modal-footer/modal-footer.component.ts","../../../../packages/components/modal/src/lib/modal-footer/modal-footer.component.html","../../../../packages/components/modal/src/lib/modal-state.service.ts","../../../../packages/components/modal/src/lib/modal.component.ts","../../../../packages/components/modal/src/lib/modal.module.ts","../../../../packages/components/modal/src/lib/modal.service.ts","../../../../packages/components/modal/src/lib/modal.types.ts","../../../../packages/components/modal/src/acorex-components-modal.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-modal-footer',\n  templateUrl: './modal-footer.component.html',\n  styleUrl: './modal-footer.component.compiled.css',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXModalFooterComponent }],\n})\nexport class AXModalFooterComponent {}\n","<ng-content select=\"ax-modal-footer\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-content>\n","import { AXOverlayRef, AXOverlayService } from '@acorex/cdk/overlay';\nimport { AXComponentContent, AXComponentInputs } from '@acorex/core/components';\nimport { ComponentRef, inject, Injectable, signal } from '@angular/core';\nimport { cloneDeep, set } from 'lodash-es';\nimport { Subject } from 'rxjs';\nimport { AXModalContentComponent } from './modal-content/modal-content.component';\nimport { AXModalOptions, AXModalRef } from './modal.types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXModalStateService {\n  private modalList = new Map<number, { overlay: AXOverlayRef<AXModalContentComponent>; modal: AXModalRef }>();\n  private overlayService = inject(AXOverlayService);\n  modalOption = signal<AXModalOptions>(null);\n\n  /**\n   * Opens a modal with the specified content and options.\n   * @param content - Component, template, or HTML element to display\n   * @param options - Configuration options for the modal\n   * @returns Promise<AXModalRef> - Reference to the opened modal\n   */\n  async open<TResult = any>(\n    content: AXComponentContent | HTMLElement,\n    options?: AXModalOptions,\n  ): Promise<AXModalRef<TResult>> {\n    this.modalOption.set(options);\n    const randomId = Math.floor(Math.random() * 100000000000);\n    const modalContentComp = (await import('./modal-content/modal-content.component')).AXModalContentComponent;\n    const onClose = new Subject<TResult>();\n\n    const returnRef: AXModalRef = {\n      close: (data) => {\n        this.close(randomId, data);\n      },\n      setInputs: (values: AXComponentInputs) => {\n        this.setInputs(randomId, values);\n      },\n      minimize: () => {\n        this.minimize(randomId);\n      },\n      maximize: () => {\n        this.maximize(randomId);\n      },\n      restore: () => {\n        this.restore(randomId);\n      },\n      onClose,\n    };\n\n    const finalInputs = { ...(cloneDeep(options?.inputs) ?? {}), ...{ __modal__: returnRef } };\n    const finalOptions = set(cloneDeep(options) ?? {}, 'inputs', finalInputs);\n\n    const ref = await this.overlayService.create(modalContentComp, {\n      position: options?.position,\n      backdrop: options?.backdrop,\n      inputs: {\n        __content__: content,\n        inputs: {\n          ...finalOptions?.inputs,\n        },\n        id: randomId,\n      },\n    });\n\n    this.modalList.set(randomId, { overlay: ref, modal: returnRef });\n\n    return returnRef;\n  }\n\n  /**\n   * Closes a modal by its ID.\n   * @param id - The modal ID to close\n   * @param data - Optional data to pass to the close event\n   */\n  async close<TResult = any>(id: number, data?: TResult) {\n    const ref = this.modalList.get(id);\n    if (!ref) return;\n    ref.modal.onClose.next(data);\n    ref.overlay.instance.destroy();\n    this.modalList.delete(id);\n  }\n\n  /**\n   * Sets input values for a modal by its ID.\n   * @param id - The modal ID\n   * @param values - Object containing input values to set\n   */\n  async setInputs(id: number, values: AXComponentInputs) {\n    const ref = this.modalList.get(id).overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      const comRef = ref as ComponentRef<any>;\n      Object.entries(values).forEach((v) => {\n        comRef.setInput(v[0], v[1]);\n      });\n    } else {\n      ref.context.inputs.set(values);\n    }\n  }\n\n  /**\n   * Minimizes a modal by its ID.\n   * @param id - The modal ID to minimize\n   */\n  async minimize(id: number) {\n    const ref = this.modalList.get(id).overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      ref.instance.minimize();\n    } else {\n      ref.context.minimize();\n    }\n  }\n\n  /**\n   * Maximizes a modal by its ID.\n   * @param id - The modal ID to maximize\n   */\n  async maximize(id: number) {\n    const ref = this.modalList.get(id).overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      ref.instance.maximize();\n    } else {\n      ref.context.maximize();\n    }\n  }\n\n  /**\n   * Restores a modal by its ID.\n   * @param id - The modal ID to restore\n   */\n  async restore(id: number) {\n    const ref = this.modalList.get(id).overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      ref.instance.restore();\n    } else {\n      ref.context.restore();\n    }\n  }\n\n  /**\n   * Gets the index of a modal in the minimized stack.\n   * @param targetKey - The modal ID to find\n   * @returns number - The index position in the stack\n   */\n  getMapIndexOf(targetKey: any) {\n    let index = 0;\n    for (const key of this.modalList.keys()) {\n      if (key === targetKey) {\n        return index;\n      }\n      index++;\n    }\n    return -1;\n  }\n}\n","import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { AXComponentInputs } from '@acorex/core/components';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  signal,\n  TemplateRef,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXModalStateService } from './modal-state.service';\nimport { AXModalOptions, AXModalRef } from './modal.types';\n\n@Component({\n  selector: 'ax-modal',\n  template: `\n    <ng-template #contentTemplate>\n      <ng-content></ng-content>\n    </ng-template>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXModalComponent }],\n})\nexport class AXModalComponent extends NXComponent {\n  private service = inject(AXModalStateService);\n  protected template = viewChild(TemplateRef);\n  private ref = signal<AXModalRef<any>>(null);\n\n  /**\n   * Opens the modal with the specified options.\n   * @param options - Configuration options for the modal\n   * @returns Promise<AXModalRef> - Reference to the opened modal\n   */\n  async open(options?: AXModalOptions) {\n    const ref = await this.service.open(this.template(), options);\n    this.ref.set(ref);\n    return ref;\n  }\n\n  /**\n   * Closes the currently open modal.\n   */\n  async close() {\n    if (this.ref()) return;\n    this.ref().close();\n  }\n\n  /**\n   * Sets input values for the modal content component.\n   * @param values - Object containing input values to set\n   */\n  async setInputs(values: AXComponentInputs) {\n    if (!this.ref()) return;\n    const transform = { inputs: values };\n    this.ref().setInputs(transform);\n  }\n\n  /**\n   * Minimizes the modal to the bottom bar.\n   */\n  async minimize() {\n    if (!this.ref()) return;\n    this.ref().minimize();\n  }\n\n  /**\n   * Maximizes the modal to fullscreen.\n   */\n  async maximize() {\n    if (!this.ref()) return;\n    this.ref().maximize();\n  }\n\n  /**\n   * Restores the modal from minimized or maximized state.\n   */\n  async restore() {\n    if (!this.ref()) return;\n    this.ref().restore();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AXModalFooterComponent } from './modal-footer/modal-footer.component';\nimport { AXModalComponent } from './modal.component';\n\n@NgModule({\n  imports: [AXModalComponent, AXModalFooterComponent],\n  exports: [AXModalComponent, AXModalFooterComponent],\n})\nexport class AXModalModule {}\n","import { AXComponentContent, AXComponentInputs } from '@acorex/core/components';\nimport { inject, Injectable, signal } from '@angular/core';\nimport { AXModalStateService } from './modal-state.service';\nimport { AXModalOptions, AXModalRef } from './modal.types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXModalService {\n  private stateService = inject(AXModalStateService);\n  private ref = signal<AXModalRef<any>>(null);\n\n  /**\n   * Opens a modal with the specified content and options.\n   * @param content - Component, template, or HTML element to display\n   * @param options - Configuration options for the modal\n   * @returns Promise<AXModalRef> - Reference to the opened modal\n   */\n  async open(content: AXComponentContent | HTMLElement, options?: AXModalOptions): Promise<AXModalRef> {\n    const ref = await this.stateService.open(content, options);\n    this.ref.set(ref);\n    return ref;\n  }\n\n  /**\n   * Closes the currently open modal.\n   */\n  async close() {\n    if (!this.ref()) return;\n    this.ref().close();\n  }\n\n  /**\n   * Sets input values for the modal content component.\n   * @param values - Object containing input values to set\n   */\n  async setInputs(values: AXComponentInputs) {\n    if (!this.ref()) return;\n    const transform = { inputs: values };\n    this.ref().setInputs(transform);\n  }\n\n  /**\n   * Minimizes the modal to the bottom bar.\n   */\n  async minimize() {\n    if (!this.ref()) return;\n    this.ref().minimize();\n  }\n\n  /**\n   * Maximizes the modal to fullscreen.\n   */\n  async maximize() {\n    if (!this.ref()) return;\n    this.ref().maximize();\n  }\n\n  /**\n   * Restores the modal from minimized or maximized state.\n   */\n  async restore() {\n    if (!this.ref()) return;\n    this.ref().restore();\n  }\n}\n","import { AXOverlayOptions } from '@acorex/cdk/overlay';\nimport { AXComponentInputs } from '@acorex/core/components';\nimport { Directive, input } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nexport interface AXModalOptions extends AXOverlayOptions {\n  title?: string;\n  buttons?: {\n    minimize?: {\n      enable: boolean;\n      position: 'bottom-right' | 'bottom-left';\n    };\n    maximize?: boolean;\n    close?: boolean;\n  };\n  draggable?: boolean;\n  size?: 'sm' | 'md' | 'lg' | 'full' | 'fit';\n  header?: boolean;\n  footer?: boolean;\n  panelClass?: string;\n  closeOnEscape?: boolean;\n}\n\nexport interface AXModalRef<TResult = any> {\n  minimize: () => void;\n  maximize: () => void;\n  restore: () => void;\n  close: (data?: TResult) => void;\n  setInputs: (values: AXComponentInputs) => void;\n  onClose: Subject<TResult>;\n}\n\n@Directive()\nexport abstract class AXModalComponentBase {\n  __modal__ = input<AXModalRef>();\n\n  public close(data: any = null) {\n    this.__modal__().close(data);\n  }\n\n  public minimize() {\n    this.__modal__().minimize();\n  }\n\n  public restore() {\n    this.__modal__().restore();\n  }\n\n  public maximize() {\n    this.__modal__().maximize();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-modal-modal-content.component-D61_wSet.mjs

@@ -1,214 +0,0 @@
-import { NXComponent, AXComponent } from '@acorex/cdk/common';
-import * as i1 from '@acorex/cdk/focus-trap';
-import { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';
-import { AXButtonComponent } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, model, inject, viewChild, computed, TemplateRef, signal, afterNextRender, effect, HostListener, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { A as AXModalStateService, a as AXModalFooterComponent } from './acorex-components-modal-acorex-components-modal-WaTo81yi.mjs';
-
-class AXModalContentComponent extends NXComponent {
-    constructor() {
-        super(...arguments);
-        this.__content__ = input.required(...(ngDevMode ? [{ debugName: "__content__" }] : []));
-        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
-        this.inputs = model(...(ngDevMode ? [undefined, { debugName: "inputs" }] : []));
-        this.serviceState = inject(AXModalStateService);
-        this.sanitizer = inject(DomSanitizer);
-        this.modalContainer = viewChild('c', ...(ngDevMode ? [{ debugName: "modalContainer" }] : []));
-        this.footer = viewChild(AXModalFooterComponent, ...(ngDevMode ? [{ debugName: "footer" }] : []));
-        this.isTemplate = computed(() => this.__content__() instanceof TemplateRef, ...(ngDevMode ? [{ debugName: "isTemplate" }] : []));
-        this.isHtmlElement = computed(() => this.__content__() instanceof HTMLElement, ...(ngDevMode ? [{ debugName: "isHtmlElement" }] : []));
-        this.component = computed(() => this.__content__(), ...(ngDevMode ? [{ debugName: "component" }] : []));
-        this.template = computed(() => this.__content__(), ...(ngDevMode ? [{ debugName: "template" }] : []));
-        this.element = computed(() => this.__content__(), ...(ngDevMode ? [{ debugName: "element" }] : []));
-        this.modalSizeState = signal('normal', ...(ngDevMode ? [{ debugName: "modalSizeState" }] : []));
-        this.fullScreenState = signal(false, ...(ngDevMode ? [{ debugName: "fullScreenState" }] : []));
-        this.isMouseDown = signal(false, ...(ngDevMode ? [{ debugName: "isMouseDown" }] : []));
-        this.offsetX = signal(0, ...(ngDevMode ? [{ debugName: "offsetX" }] : []));
-        this.offsetY = signal(0, ...(ngDevMode ? [{ debugName: "offsetY" }] : []));
-        this.prevLeft = signal('', ...(ngDevMode ? [{ debugName: "prevLeft" }] : []));
-        this.prevTop = signal('', ...(ngDevMode ? [{ debugName: "prevTop" }] : []));
-        this.backdropState = computed(() => this.serviceState.modalOption()?.backdrop?.enabled ?? true, ...(ngDevMode ? [{ debugName: "backdropState" }] : []));
-        this.closeOnEscape = computed(() => this.serviceState.modalOption()?.closeOnEscape ?? true, ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : []));
-        this.panelClass = computed(() => this.serviceState.modalOption()?.panelClass ?? '', ...(ngDevMode ? [{ debugName: "panelClass" }] : []));
-        this.headerState = computed(() => this.serviceState.modalOption()?.header ?? false, ...(ngDevMode ? [{ debugName: "headerState" }] : []));
-        this.footerState = computed(() => this.serviceState.modalOption()?.footer ?? false, ...(ngDevMode ? [{ debugName: "footerState" }] : []));
-        this.closeHeaderButton = computed(() => this.serviceState.modalOption()?.buttons?.close ?? true, ...(ngDevMode ? [{ debugName: "closeHeaderButton" }] : []));
-        this.backdropBackground = computed(() => this.serviceState.modalOption()?.backdrop?.background ?? true, ...(ngDevMode ? [{ debugName: "backdropBackground" }] : []));
-        this.backdropClass = computed(() => this.serviceState.modalOption()?.backdrop?.backdropClass ?? '', ...(ngDevMode ? [{ debugName: "backdropClass" }] : []));
-        this.backdropCloseOnClick = computed(() => this.serviceState.modalOption()?.backdrop?.closeOnClick ?? true, ...(ngDevMode ? [{ debugName: "backdropCloseOnClick" }] : []));
-        this.minimizePosition = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.position ?? 'bottom-right', ...(ngDevMode ? [{ debugName: "minimizePosition" }] : []));
-        this.minimizeState = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.enable ?? false, ...(ngDevMode ? [{ debugName: "minimizeState" }] : []));
-        this.maximizeState = computed(() => this.serviceState.modalOption()?.buttons?.maximize ?? false, ...(ngDevMode ? [{ debugName: "maximizeState" }] : []));
-        this.modalSize = computed(() => this.serviceState.modalOption()?.size ?? 'lg', ...(ngDevMode ? [{ debugName: "modalSize" }] : []));
-        this.headerTitle = computed(() => this.serviceState.modalOption()?.title ?? '', ...(ngDevMode ? [{ debugName: "headerTitle" }] : []));
-        this.draggable = computed(() => this.serviceState.modalOption()?.draggable ?? true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.#init = afterNextRender(() => {
-            this.nativeElement.focus();
-            const popFooter = this.nativeElement.querySelector('.ax-modal-footer');
-            const footer = this.nativeElement.querySelector('.ax-modal-content ax-modal-footer');
-            if (footer) {
-                setTimeout(() => {
-                    popFooter?.append(footer);
-                });
-            }
-        });
-        this.#eff = effect(() => {
-            const host = this.nativeElement;
-            if (this.draggable())
-                host.classList.add('ax-draggable');
-            if (!this.backdropState())
-                return;
-            this.addBackdrop();
-            if (!this.backdropBackground())
-                return;
-        }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
-    }
-    #init;
-    close() {
-        this.serviceState.close(this.id());
-    }
-    minimize() {
-        if (this.fullScreenState())
-            document.exitFullscreen();
-        this.modalContainer().nativeElement.style.transition = 'all 200ms ease-out';
-        this.modalContainer().nativeElement.style.top = `auto`;
-        this.modalContainer().nativeElement.style.bottom = `0`;
-        if (this.backdropState())
-            this.removeBackdrop();
-        this.modalContainer().nativeElement.classList.remove('ax-normal-modal');
-        this.modalContainer().nativeElement.classList.add('ax-minimize-modal');
-        requestAnimationFrame(() => {
-            const width = this.modalContainer().nativeElement.offsetWidth;
-            const index = this.serviceState.getMapIndexOf(this.id());
-            if (this.minimizePosition() === 'bottom-right') {
-                this.modalContainer().nativeElement.style.left = `auto`;
-                this.modalContainer().nativeElement.style.right = `${index * (width + 10)}px`;
-            }
-            else {
-                this.modalContainer().nativeElement.style.right = `auto`;
-                this.modalContainer().nativeElement.style.left = `${index * (width + 10)}px`;
-            }
-        });
-        this.modalSizeState.set('minimize');
-    }
-    maximize() {
-        this.modalContainer().nativeElement.style.transition = 'none';
-        if (this.modalSizeState() === 'minimize')
-            this.restore();
-        if (!document.fullscreenElement) {
-            this.modalContainer().nativeElement.requestFullscreen();
-            this.fullScreenState.set(true);
-        }
-        else {
-            document.exitFullscreen();
-        }
-        document.addEventListener('fullscreenchange', () => {
-            if (!document.fullscreenElement) {
-                this.fullScreenState.set(false);
-            }
-        });
-    }
-    restore() {
-        setTimeout(() => {
-            this.modalContainer().nativeElement.style.transition = 'none';
-        }, 200);
-        if (this.fullScreenState()) {
-            document.exitFullscreen();
-            return;
-        }
-        this.modalContainer().nativeElement.style.bottom = `auto`;
-        this.modalContainer().nativeElement.style.right = `auto`;
-        this.modalContainer().nativeElement.style.left = this.prevLeft();
-        this.modalContainer().nativeElement.style.top = this.prevTop();
-        if (this.backdropState())
-            this.addBackdrop();
-        this.modalContainer().nativeElement.classList.remove(`ax-minimize-modal`);
-        this.modalContainer().nativeElement.classList.add('ax-normal-modal');
-        this.modalSizeState.set('normal');
-    }
-    pointerDownHandler(e) {
-        if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
-            return;
-        this.isMouseDown.set(true);
-        this.offsetX.set(e.clientX - this.modalContainer().nativeElement.offsetLeft);
-        this.offsetY.set(e.clientY - this.modalContainer().nativeElement.offsetTop);
-    }
-    addBackdrop() {
-        const backdropElem = document.createElement('div');
-        backdropElem.classList.add('ax-modal-drawer-backdrop');
-        if (this.backdropClass()) {
-            backdropElem.classList.add(...this.backdropClass().split(' '));
-        }
-        else {
-            backdropElem.classList.add('ax-default-backdrop');
-        }
-        backdropElem.addEventListener('pointerdown', (e) => {
-            if (!this.backdropCloseOnClick())
-                return;
-            if (e.target === e.currentTarget) {
-                this.close();
-            }
-        });
-        this.nativeElement.appendChild(backdropElem);
-    }
-    removeBackdrop() {
-        const backdropElem = this.nativeElement.querySelector('.ax-modal-drawer-backdrop');
-        if (backdropElem) {
-            backdropElem.remove();
-        }
-    }
-    pointerMoveHandler(e) {
-        if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
-            return;
-        if (!this.isMouseDown())
-            return;
-        this.modalContainer().nativeElement.style.left = `${e.clientX - this.offsetX()}px`;
-        this.modalContainer().nativeElement.style.top = `${e.clientY - this.offsetY()}px`;
-        this.prevLeft.set(`${e.clientX - this.offsetX()}px`);
-        this.prevTop.set(`${e.clientY - this.offsetY()}px`);
-    }
-    pointerUpHandler() {
-        if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
-            return;
-        this.isMouseDown.set(false);
-    }
-    get role() {
-        return '0';
-    }
-    escapeHandler(e) {
-        if (e.key === 'Escape' && this.closeOnEscape()) {
-            this.close();
-        }
-    }
-    #eff;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXModalContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXModalContentComponent, isStandalone: true, selector: "ax-modal-content", inputs: { __content__: { classPropertyName: "__content__", publicName: "__content__", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputs: "inputsChange" }, host: { listeners: { "pointermove": "pointerMoveHandler($event)", "pointerup": "pointerUpHandler($event)", "pointerleave": "pointerUpHandler($event)", "keydown": "escapeHandler($event)" }, properties: { "attr.tabindex": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }], viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["c"], descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: AXModalFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.AXFocusTrapDirective }], ngImport: i0, template: "<div\n  #c\n  class=\"ax-modal-container ax-{{ modalSizeState() }}-modal  ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n  animate.enter=\"ax-fade-slide-in\"\n>\n  @if (headerState()) {\n    <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n      <ax-text>{{ headerTitle() }}</ax-text>\n\n      <div class=\"flex\">\n        @if (minimizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (modalSizeState() !== 'normal' || fullScreenState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (maximizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (closeHeaderButton()) {\n          <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"ax-modal-content\">\n    @if (isTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n    } @else if (isHtmlElement()) {\n      <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n    } @else {\n      <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n    }\n  </div>\n\n  @if (footerState()) {\n    <div class=\"ax-modal-footer\"></div>\n  }\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-modal-content{touch-action:none;-webkit-user-select:none;user-select:none}ax-modal-content .ax-modal-drawer-backdrop{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;width:100vw;height:100vh;position:fixed}ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}ax-modal-content.ax-draggable .ax-modal-header:hover{cursor:move}ax-modal-content .ax-modal-container.ax-modal-full{width:100%;height:100%;max-height:100vh!important}ax-modal-content .ax-modal-container.ax-modal-fit{width:fit-content}ax-modal-content .ax-modal-container.ax-modal-sm,ax-modal-content .ax-modal-container.ax-modal-md,ax-modal-content .ax-modal-container.ax-modal-lg,ax-modal-content .ax-modal-container.ax-modal-fit{width:93vw}@media (min-width:640px){ax-modal-content .ax-modal-container.ax-modal-sm{width:55vw}ax-modal-content .ax-modal-container.ax-modal-md{width:65vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:75vw}}@media (min-width:1024px){ax-modal-content .ax-modal-container.ax-modal-sm{width:25vw}ax-modal-content .ax-modal-container.ax-modal-md{width:40vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:65vw}}ax-modal-content .ax-modal-container.ax-normal-modal{top:50%;left:50%;transform:translate(-50%,-50%)}ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-footer{display:block}ax-modal-content .ax-modal-container.ax-minimize-modal{width:fit-content}ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-footer{display:none}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{padding:calc(var(--spacing,.25rem)*2);height:fit-content}ax-modal-content .ax-modal-container .ax-modal-content{flex-grow:1;overflow:auto}ax-modal-content .ax-modal-container .ax-modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));display:flex}ax-modal-content .ax-modal-container .ax-modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)))}.ax-fade-slide-in{transform-origin:0 0;animation:.3s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXModalContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-modal-content', imports: [CommonModule, AXButtonComponent, AXDecoratorModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [AXFocusTrapDirective], providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }], template: "<div\n  #c\n  class=\"ax-modal-container ax-{{ modalSizeState() }}-modal  ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n  animate.enter=\"ax-fade-slide-in\"\n>\n  @if (headerState()) {\n    <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n      <ax-text>{{ headerTitle() }}</ax-text>\n\n      <div class=\"flex\">\n        @if (minimizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (modalSizeState() !== 'normal' || fullScreenState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (maximizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (closeHeaderButton()) {\n          <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"ax-modal-content\">\n    @if (isTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n    } @else if (isHtmlElement()) {\n      <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n    } @else {\n      <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n    }\n  </div>\n\n  @if (footerState()) {\n    <div class=\"ax-modal-footer\"></div>\n  }\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-modal-content{touch-action:none;-webkit-user-select:none;user-select:none}ax-modal-content .ax-modal-drawer-backdrop{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;width:100vw;height:100vh;position:fixed}ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}ax-modal-content.ax-draggable .ax-modal-header:hover{cursor:move}ax-modal-content .ax-modal-container.ax-modal-full{width:100%;height:100%;max-height:100vh!important}ax-modal-content .ax-modal-container.ax-modal-fit{width:fit-content}ax-modal-content .ax-modal-container.ax-modal-sm,ax-modal-content .ax-modal-container.ax-modal-md,ax-modal-content .ax-modal-container.ax-modal-lg,ax-modal-content .ax-modal-container.ax-modal-fit{width:93vw}@media (min-width:640px){ax-modal-content .ax-modal-container.ax-modal-sm{width:55vw}ax-modal-content .ax-modal-container.ax-modal-md{width:65vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:75vw}}@media (min-width:1024px){ax-modal-content .ax-modal-container.ax-modal-sm{width:25vw}ax-modal-content .ax-modal-container.ax-modal-md{width:40vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:65vw}}ax-modal-content .ax-modal-container.ax-normal-modal{top:50%;left:50%;transform:translate(-50%,-50%)}ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-footer{display:block}ax-modal-content .ax-modal-container.ax-minimize-modal{width:fit-content}ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-footer{display:none}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{padding:calc(var(--spacing,.25rem)*2);height:fit-content}ax-modal-content .ax-modal-container .ax-modal-content{flex-grow:1;overflow:auto}ax-modal-content .ax-modal-container .ax-modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));display:flex}ax-modal-content .ax-modal-container .ax-modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)))}.ax-fade-slide-in{transform-origin:0 0;animation:.3s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { __content__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__content__", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], inputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputs", required: false }] }, { type: i0.Output, args: ["inputsChange"] }], modalContainer: [{ type: i0.ViewChild, args: ['c', { isSignal: true }] }], footer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXModalFooterComponent), { isSignal: true }] }], pointerMoveHandler: [{
-                type: HostListener,
-                args: ['pointermove', ['$event']]
-            }], pointerUpHandler: [{
-                type: HostListener,
-                args: ['pointerup', ['$event']]
-            }, {
-                type: HostListener,
-                args: ['pointerleave', ['$event']]
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }], escapeHandler: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-export { AXModalContentComponent };
-//# sourceMappingURL=acorex-components-modal-modal-content.component-D61_wSet.mjs.map