@acontplus/ng-components 1.0.11 → 1.0.13

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Type, AfterViewInit, ViewContainerRef, ElementRef, OnChanges, OnDestroy, SimpleChanges, TemplateRef, AfterContentInit, OnInit, InjectionToken, PipeTransform } from '@angular/core';
+import { Type, AfterViewInit, OnDestroy, ViewContainerRef, ElementRef, OnChanges, SimpleChanges, TemplateRef, AfterContentInit, OnInit, InjectionToken, PipeTransform } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { MatChipInputEvent, MatChipEditedEvent } from '@angular/material/chips';
@@ -8,7 +8,7 @@ import { ThemePalette } from '@angular/material/core';
 import { Tabulator } from 'tabulator-tables';
 import * as _angular_material_paginator from '@angular/material/paginator';
 import { PageEvent } from '@angular/material/paginator';
-import { MatTableDataSource, MatHeaderRowDef, MatRowDef, MatFooterRowDef, MatColumnDef, MatNoDataRow, MatTable } from '@angular/material/table';
+import { MatTableDataSource, MatHeaderRowDef, MatRowDef, MatFooterRowDef, MatColumnDef, MatTable } from '@angular/material/table';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
@@ -91,7 +91,7 @@ declare class MatDynamicCardComponent {
      * Alignment of the action buttons.
      * @default 'end'
      */
-    buttonsPosition: _angular_core.InputSignal<"start" | "end">;
+    buttonsPosition: _angular_core.InputSignal<"end" | "start">;
     /**
      * Event emitted when the primary button is clicked.
      */
@@ -132,7 +132,7 @@ type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
  * This is the main configuration object for any dialog opened through the service.
  * It extends the standard MatDialogConfig with custom properties for convenience.
  */
-interface MatCustomDialogConfig<T = any> {
+interface MatCustomDialogConfig<T = unknown> {
     data?: T;
     size?: DialogSize;
     width?: string;
@@ -179,12 +179,12 @@ interface MatCustomDialogConfig<T = any> {
  *   hideHeader: false
  * };
  */
-interface DialogWrapperConfig<T = any> {
+interface DialogWrapperConfig<T = unknown> {
     /**
      * The component type to render inside the dialog wrapper.
      * This component will be dynamically created and inserted into the dialog.
      */
-    component: Type<any>;
+    component: Type<unknown>;
     /**
      * The title text to display in the dialog header.
      */
@@ -218,7 +218,7 @@ declare class AdvancedDialogService {
      * @param config The detailed configuration for the dialog.
      * @returns A MatDialogRef instance.
      */
-    open<T, D = any, R = any>(component: ComponentType<T>, config?: MatCustomDialogConfig<D>): Promise<MatDialogRef<T, R>>;
+    open<T, D = unknown, R = unknown>(component: ComponentType<T>, config?: MatCustomDialogConfig<D>): Promise<MatDialogRef<T, R>>;
     /**
      * A powerful helper to open a component inside our standard, branded "wrapper".
      * This provides maximum consistency.
@@ -226,11 +226,11 @@ declare class AdvancedDialogService {
      * @param matDialogConfig Standard MatDialog configuration (size, position, etc.).
      * @returns A MatDialogRef instance pointing to the wrapper.
      */
-    openInWrapper<T, R = any>(wrapperConfig: DialogWrapperConfig<T>, matDialogConfig?: MatCustomDialogConfig<T>): Promise<MatDialogRef<DialogWrapperComponent, R>>;
+    openInWrapper<T, R = unknown>(wrapperConfig: DialogWrapperConfig<T>, matDialogConfig?: MatCustomDialogConfig<T>): Promise<MatDialogRef<DialogWrapperComponent, R>>;
     /**
      * Helper to open a dialog and only get an observable of the result.
      */
-    openAndGetResult<T, D = any, R = any>(component: ComponentType<T>, config?: MatCustomDialogConfig<D>): Promise<R | undefined>;
+    openAndGetResult<T, D = unknown, R = unknown>(component: ComponentType<T>, config?: MatCustomDialogConfig<D>): Promise<R | undefined>;
     /**
      * Closes all currently open dialogs.
      */
@@ -245,10 +245,8 @@ declare class AdvancedDialogService {
 }
 
 declare class OverlayService {
-    private overlay;
+    private readonly overlay;
     private overlayRef;
-    /** Inserted by Angular inject() migration for backwards compatibility */
-    constructor(...args: unknown[]);
     showSpinner(): void;
     hideSpinner(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayService, never>;
@@ -453,9 +451,9 @@ declare class AutocompleteWrapperService {
  *   data: { message: 'This is some data passed to the dialog content component' }
  * });
  */
-declare class DialogWrapperComponent implements AfterViewInit {
+declare class DialogWrapperComponent implements AfterViewInit, OnDestroy {
     dialogRef: MatDialogRef<DialogWrapperComponent, any>;
-    config: DialogWrapperConfig<any>;
+    config: DialogWrapperConfig<unknown>;
     /**
      * A template reference that acts as an anchor for dynamic content.
      * This is where the component specified in the config will be rendered.
@@ -471,13 +469,26 @@ declare class DialogWrapperComponent implements AfterViewInit {
      * Ensures that the most recently clicked dialog appears on top.
      */
     private static lastZIndex;
-    /** Inserted by Angular inject() migration for backwards compatibility */
-    constructor(...args: unknown[]);
+    /**
+     * Timeout ID for debouncing z-index updates to prevent excessive DOM manipulations.
+     */
+    private bringToFrontTimeoutId;
+    /**
+     * Creates an instance of DialogWrapperComponent.
+     *
+     * @param dialogRef Reference to the dialog opened via the Material Dialog service
+     * @param config Configuration for the dialog wrapper, injected from MAT_DIALOG_DATA
+     */
+    constructor();
     /**
      * Lifecycle hook that initializes the dynamic content after the view is ready.
      * Creates the component specified in the config and passes data to it.
      */
     ngAfterViewInit(): void;
+    /**
+     * Cleanup lifecycle hook to cancel any pending animation frame requests.
+     */
+    ngOnDestroy(): void;
     /**
      * Closes the dialog.
      * Called when the close button in the header is clicked.
@@ -485,6 +496,7 @@ declare class DialogWrapperComponent implements AfterViewInit {
     onClose(): void;
     /**
      * Brings the dialog to the front by adjusting its z-index.
+     * Uses requestAnimationFrame to debounce updates and prevent excessive DOM manipulations.
      * Called when the dialog header is clicked.
      */
     bringToFront(): void;
@@ -730,7 +742,7 @@ declare class ColumnDefinition<T = any> extends FieldDefinition<T> {
     constructor(options?: Partial<ColumnDefinition<T>>);
 }
 
-interface OptionSearchConfig<T> {
+interface OptionSearchConfig {
     displayedColumns?: string[];
     displayColumnDefs?: ColumnDefinition[];
     close?: boolean;
@@ -810,7 +822,6 @@ declare class MatDynamicTableComponent<T extends TableRow> implements AfterConte
     readonly rowDefs: _angular_core.Signal<readonly MatRowDef<unknown>[]>;
     readonly footerRowDefs: _angular_core.Signal<readonly MatFooterRowDef[]>;
     readonly columnDefs: _angular_core.Signal<readonly MatColumnDef[]>;
-    readonly noDataRow: _angular_core.Signal<MatNoDataRow>;
     readonly table: _angular_core.Signal<MatTable<any>>;
     readonly rows: _angular_core.Signal<readonly ViewContainerRef[]>;
     ngOnInit(): void;
@@ -831,14 +842,13 @@ declare class MatDynamicTableComponent<T extends TableRow> implements AfterConte
     getRowColor(element: T): Record<string, string>;
     handlePageEvent(e: PageEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatDynamicTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatDynamicTableComponent<any>, "acp-mat-dynamic-table", never, { "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "highlightRowIndex": { "alias": "highlightRowIndex"; "required": false; "isSignal": true; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "showSelectBox": { "alias": "showSelectBox"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; "isSignal": true; }; "expandedDetail": { "alias": "expandedDetail"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "isLoadingData": { "alias": "isLoadingData"; "required": false; "isSignal": true; }; }, { "rowSelected": "rowSelected"; "copyRow": "copyRow"; "showExpanded": "showExpanded"; "hideExpanded": "hideExpanded"; "pageEvent": "pageEvent"; }, ["headerRowDefs", "rowDefs", "footerRowDefs", "columnDefs", "noDataRow", "rows"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatDynamicTableComponent<any>, "acp-mat-dynamic-table", never, { "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "highlightRowIndex": { "alias": "highlightRowIndex"; "required": false; "isSignal": true; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "showSelectBox": { "alias": "showSelectBox"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; "isSignal": true; }; "expandedDetail": { "alias": "expandedDetail"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "isLoadingData": { "alias": "isLoadingData"; "required": false; "isSignal": true; }; }, { "rowSelected": "rowSelected"; "copyRow": "copyRow"; "showExpanded": "showExpanded"; "hideExpanded": "hideExpanded"; "pageEvent": "pageEvent"; }, ["headerRowDefs", "rowDefs", "footerRowDefs", "columnDefs", "rows"], never, true, never>;
 }
 
 declare class ThemeToggleComponent {
     private themeService;
     darkMode$: Observable<boolean>;
-    /** Inserted by Angular inject() migration for backwards compatibility */
-    constructor(...args: unknown[]);
+    constructor();
     toggleDarkMode(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeToggleComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeToggleComponent, "acp-theme-toggle", never, {}, {}, never, never, true, never>;
@@ -910,7 +920,7 @@ declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
     goToPreviousPage(): void;
     goToNextPage(): void;
     goToLastPage(): void;
-    onCreateNew($event: MouseEvent): void;
+    onCreateNew(_$event: MouseEvent): void;
     onAdvancedSearch(): void;
     onShowAllResults(): void;
     getItemDisplayText(item: AutocompleteWrapperItem): string;
@@ -927,11 +937,11 @@ declare class ToUpperCaseDirective implements ControlValueAccessor {
     private el;
     private renderer;
     onInput(): void;
-    onChange: (_: any) => void;
+    onChange: (_value: string) => void;
     onTouched: () => void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToUpperCaseDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ToUpperCaseDirective, "[acpToUpperCase]", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Angular Material UI component library with dynamic tables, theming support, dialog wrappers, and comprehensive styling utilities",
   "peerDependencies": {
     "@angular/cdk": "^20.2.5",