ngx-lite-form 1.2.3 → 1.3.1

package/index.d.ts

@@ -1,6 +1,6 @@
 import { FormControl, AbstractControl } from '@angular/forms';
 import * as _angular_core from '@angular/core';
-import { ElementRef, AfterViewInit } from '@angular/core';
+import { ElementRef, AfterViewInit, TemplateRef } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
 declare class FieldDto {
@@ -52,6 +52,12 @@ interface TableColumn {
     flex?: string;
     sortable?: boolean;
     cellTemplate?: (value: any, row: any) => string;
+    type?: 'text' | 'menu';
+    menuItems?: Array<{
+        label: string;
+        value: string;
+        variant?: 'danger' | 'default';
+    }>;
 }
 declare class TableFieldDto<T = any> {
     columns: TableColumn[];
@@ -445,14 +451,60 @@ declare class LiteTable<T = any> {
     table: _angular_core.InputSignal<TableFieldDto<T>>;
     pageChange: _angular_core.OutputEmitterRef<number>;
     itemsPerPageChange: _angular_core.OutputEmitterRef<number>;
+    menuAction: _angular_core.OutputEmitterRef<{
+        action: string;
+        row: T;
+    }>;
+    openMenuIndex: number | null;
     paginatedData: _angular_core.Signal<T[]>;
     getCellValue(row: any, column: TableColumn): string;
     private getValue;
     onPageChange(page: number): void;
     onItemsPerPageChange(itemsPerPage: number): void;
+    toggleMenu(rowIndex: number, event?: MouseEvent): void;
+    onMenuItemClick(action: string, row: T, event?: MouseEvent): void;
+    onDocumentClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LiteTable<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LiteTable<any>, "lite-table", never, { "table": { "alias": "table"; "required": true; "isSignal": true; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LiteTable<any>, "lite-table", never, { "table": { "alias": "table"; "required": true; "isSignal": true; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; "menuAction": "menuAction"; }, never, never, true, never>;
+}
+
+interface LitePanelAction {
+    label: string;
+    value?: unknown;
+    /**
+     * Adds a CSS modifier class `lite-panel__action--${variant}` to let consumers style the action button.
+     */
+    variant?: 'primary' | 'secondary' | 'danger';
+}
+declare class LitePanel {
+    title: _angular_core.InputSignal<string | null>;
+    content: _angular_core.InputSignal<string | TemplateRef<unknown> | null>;
+    actions: _angular_core.InputSignal<LitePanelAction[] | null>;
+    closeOnOverlayClick: _angular_core.InputSignal<boolean>;
+    width: _angular_core.InputSignal<string | number | null>;
+    height: _angular_core.InputSignal<string | number | null>;
+    maxWidth: _angular_core.InputSignal<string | number | null>;
+    maxHeight: _angular_core.InputSignal<string | number | null>;
+    closed: _angular_core.OutputEmitterRef<unknown>;
+    readonly panelTitleId: string;
+    private readonly defaultActions;
+    readonly resolvedActions: _angular_core.Signal<LitePanelAction[]>;
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly contentText: _angular_core.Signal<string | null>;
+    readonly templateContext: {
+        panel: LitePanel;
+        close: (value?: unknown) => void;
+    };
+    readonly panelStyles: _angular_core.Signal<Record<string, string>>;
+    close(value?: unknown | null): void;
+    onBackdropClick(): void;
+    onAction(action: LitePanelAction): void;
+    getActionClasses(action: LitePanelAction): Record<string, boolean>;
+    private toCssLength;
+    private isNilOrEmpty;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LitePanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LitePanel, "lite-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
 }
 
-export { BaseSelectFieldDto, FieldDto, FileFieldDto, FormUtils, LiteCheckbox, LiteDate, LiteDateTime, LiteFile, LiteInput, LiteMultiSelect, LitePaginator, LitePassword, LiteRadio, LiteSelect, LiteSnackbarService, LiteTable, LiteTextarea, MultiSelectFieldDto, PaginatorFieldDto, RadioFieldDto, SelectFieldDto, TableFieldDto };
-export type { DateRangeFieldDto, FileItem, SnackbarType, TableColumn };
+export { BaseSelectFieldDto, FieldDto, FileFieldDto, FormUtils, LiteCheckbox, LiteDate, LiteDateTime, LiteFile, LiteInput, LiteMultiSelect, LitePaginator, LitePanel, LitePassword, LiteRadio, LiteSelect, LiteSnackbarService, LiteTable, LiteTextarea, MultiSelectFieldDto, PaginatorFieldDto, RadioFieldDto, SelectFieldDto, TableFieldDto };
+export type { DateRangeFieldDto, FileItem, LitePanelAction, SnackbarType, TableColumn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-lite-form",
-  "version": "1.2.3",
+  "version": "1.3.1",
   "description": "A lightweight Angular form library with reusable input, textarea, select, multi-select, radio, checkbox, date picker and password components",
   "keywords": [
     "angular",