@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
56 lines (55 loc) • 2.15 kB
TypeScript
import { CheckboxSizeProps, CheckboxVariantProps } from '@sixbell-telco/sdk/components/forms/checkbox';
import { TableComponent } from '../src/table.component';
import * as i0 from "@angular/core";
/**
* Header checkbox component for the table.
*
* This component renders a checkbox within a table header row,
* allowing users to select or deselect all rows in the table.
*
* @remarks
* Utilizes Angular's dependency injection to access the parent {@link TableComponent}
* and propagate the checkbox state changes.
*
* @example
* ```html
* <tr header-checkbox></tr>
* ```
*/
export declare class TableHeaderCheckboxComponent {
private table;
/**
* Defines the variant styling of the checkbox.
*
* @defaultValue 'primary'
*/
checkboxVariant: import("@angular/core").InputSignal<CheckboxVariantProps>;
/**
* Defines the size of the checkbox.
*
* @defaultValue 'md'
*/
checkboxSize: import("@angular/core").InputSignal<CheckboxSizeProps>;
/**
* Signal that tracks the checked state of the header checkbox.
*
* @defaultValue false
*/
checked: import("@angular/core").WritableSignal<boolean>;
/**
* Creates an instance of TableHeaderCheckboxComponent.
*
* @param table - Reference to the parent {@link TableComponent} to access table-level operations.
*/
constructor(table: TableComponent);
/**
* Handles the event when the header checkbox is toggled.
*
* This method notifies the parent table component to either select or deselect all rows.
*
* @param value - The new checked state (true to select all rows, false to deselect all).
*/
handleSelectAll(value: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderCheckboxComponent, [{ host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCheckboxComponent, "tr[header-checkbox]", never, { "checkboxVariant": { "alias": "checkboxVariant"; "required": false; "isSignal": true; }; "checkboxSize": { "alias": "checkboxSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}