ngx-com 0.1.4 → 0.1.6

package/types/ngx-com-components-table.d.ts

@@ -114,14 +114,21 @@ declare class ComColumnDef {
  * ```html
  * <tr comHeaderRowDef="['name', 'email']" comHeaderRowDefSticky></tr>
  * ```
+ *
+ * @example Custom class on header row
+ * ```html
+ * <tr [comHeaderRowDef]="['name', 'email']" comHeaderRowDefClass="uppercase"></tr>
+ * ```
  */
 declare class ComHeaderRowDef {
     /** Ordered list of column names to display. */
     readonly columns: InputSignal<string[]>;
     /** Makes this header row sticky (alternative to table-level `stickyHeader`). */
     readonly sticky: InputSignalWithTransform<boolean, unknown>;
+    /** Additional CSS classes to merge onto the header `<tr>`. */
+    readonly headerRowClass: InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComHeaderRowDef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComHeaderRowDef, "[comHeaderRowDef]", never, { "columns": { "alias": "comHeaderRowDef"; "required": true; "isSignal": true; }; "sticky": { "alias": "comHeaderRowDefSticky"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComHeaderRowDef, "[comHeaderRowDef]", never, { "columns": { "alias": "comHeaderRowDef"; "required": true; "isSignal": true; }; "sticky": { "alias": "comHeaderRowDefSticky"; "required": false; "isSignal": true; }; "headerRowClass": { "alias": "comHeaderRowDefClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -133,12 +140,19 @@ declare class ComHeaderRowDef {
  * ```html
  * <tr comRowDef [comRowDefColumns]="['name', 'email', 'role']"></tr>
  * ```
+ *
+ * @example Custom class on body rows
+ * ```html
+ * <tr comRowDef [comRowDefColumns]="['name', 'email']" comRowDefClass="even:bg-blue-50"></tr>
+ * ```
  */
 declare class ComRowDef {
     /** Ordered list of column names to display per body row. */
     readonly columns: InputSignal<string[]>;
+    /** Additional CSS classes to merge onto each body `<tr>`. */
+    readonly rowClass: InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComRowDef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComRowDef, "[comRowDef]", never, { "columns": { "alias": "comRowDefColumns"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComRowDef, "[comRowDef]", never, { "columns": { "alias": "comRowDefColumns"; "required": true; "isSignal": true; }; "rowClass": { "alias": "comRowDefClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -150,12 +164,19 @@ declare class ComRowDef {
  * ```html
  * <tr comFooterRowDef="['description', 'amount']"></tr>
  * ```
+ *
+ * @example Custom class on footer row
+ * ```html
+ * <tr comFooterRowDef="['description', 'amount']" comFooterRowDefClass="font-bold"></tr>
+ * ```
  */
 declare class ComFooterRowDef {
     /** Ordered list of column names in the footer. */
     readonly columns: InputSignal<string[]>;
+    /** Additional CSS classes to merge onto the footer `<tr>`. */
+    readonly footerRowClass: InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComFooterRowDef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComFooterRowDef, "[comFooterRowDef]", never, { "columns": { "alias": "comFooterRowDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComFooterRowDef, "[comFooterRowDef]", never, { "columns": { "alias": "comFooterRowDef"; "required": true; "isSignal": true; }; "footerRowClass": { "alias": "comFooterRowDefClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -237,6 +258,7 @@ type ComTableDataSourceInput<T> = T[] | ComDataSource<T>;
 
 type TableVariant = 'default' | 'striped';
 type TableDensity = 'compact' | 'default' | 'comfortable';
+type HeaderVariant = 'default' | 'muted';
 /**
  * CVA variants for the table container wrapper.
  */
@@ -252,10 +274,11 @@ type TableVariants = VariantProps<typeof tableVariants>;
 /**
  * CVA variants for the `<thead>` element.
  *
- * @tokens `--color-background`
+ * @tokens `--color-background`, `--color-muted`, `--color-muted-foreground`, `--color-border`
  */
 declare const tableHeaderVariants: (props?: {
     sticky?: boolean;
+    headerVariant?: HeaderVariant;
 }) => string;
 type TableHeaderVariants = VariantProps<typeof tableHeaderVariants>;
 /**
@@ -360,6 +383,16 @@ declare class ComTable<T> {
     readonly loading: InputSignalWithTransform<boolean, unknown>;
     /** Accessible label for the table element. */
     readonly ariaLabel: InputSignal<string | undefined>;
+    /** Additional CSS classes to merge onto the host element. */
+    readonly userClass: InputSignal<string>;
+    /** Additional CSS classes to merge onto the container `<div>`. */
+    readonly containerClass: InputSignal<string>;
+    /** Additional CSS classes to merge onto the `<table>` element. */
+    readonly tableClass: InputSignal<string>;
+    /** Additional CSS classes to merge onto the `<thead>` element. */
+    readonly theadClass: InputSignal<string>;
+    /** Visual treatment of the header — `'muted'` adds a filled background. */
+    readonly headerVariant: InputSignal<HeaderVariant>;
     /** @internal All column definitions projected into the table. */
     readonly columnDefs: Signal<readonly ComColumnDef[]>;
     /** @internal Header row definition. */
@@ -384,6 +417,7 @@ declare class ComTable<T> {
     private readonly isSticky;
     /** @internal Whether body rows are clickable (ComRowClick directive is active). */
     protected readonly isRowClickable: Signal<boolean>;
+    protected readonly hostClass: Signal<string>;
     protected readonly containerClasses: Signal<string>;
     protected readonly tableClasses: Signal<string>;
     protected readonly theadClasses: Signal<string>;
@@ -392,7 +426,7 @@ declare class ComTable<T> {
     protected readonly footerTrClasses: Signal<string>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ComTable<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComTable<any>, "com-table", ["comTable"], { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["columnDefs", "headerRowDef", "rowDef", "footerRowDef", "noDataRow"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComTable<any>, "com-table", ["comTable"], { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "theadClass": { "alias": "theadClass"; "required": false; "isSignal": true; }; "headerVariant": { "alias": "headerVariant"; "required": false; "isSignal": true; }; }, {}, ["columnDefs", "headerRowDef", "rowDef", "footerRowDef", "noDataRow"], never, true, never>;
 }
 
 /** Data context that ComTable pushes to ComRowClick to avoid circular DI. */
@@ -464,4 +498,4 @@ declare class ComRowClick<T = unknown> implements ComRowClickRef<T> {
 }
 
 export { COM_ROW_CLICK, ComArrayDataSource, ComCellDef, ComColumnDef, ComDataSource, ComFooterCellDef, ComFooterRowDef, ComHeaderCellDef, ComHeaderRowDef, ComNoDataRow, ComRowClick, ComRowDef, ComTable, isDataSource, tableBodyCellVariants, tableContainerVariants, tableFooterCellVariants, tableFooterRowVariants, tableHeaderCellVariants, tableHeaderRowVariants, tableHeaderVariants, tableRowVariants, tableVariants };
-export type { CellDefContext, ComRowClickRef, ComTableDataSourceInput, TableBodyCellVariants, TableContainerVariants, TableDensity, TableFooterCellVariants, TableFooterRowVariants, TableHeaderCellVariants, TableHeaderRowVariants, TableHeaderVariants, TableRowVariants, TableVariant, TableVariants };
+export type { CellDefContext, ComRowClickRef, ComTableDataSourceInput, HeaderVariant, TableBodyCellVariants, TableContainerVariants, TableDensity, TableFooterCellVariants, TableFooterRowVariants, TableHeaderCellVariants, TableHeaderRowVariants, TableHeaderVariants, TableRowVariants, TableVariant, TableVariants };