@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
61 lines (60 loc) • 2.41 kB
TypeScript
import { CheckboxSizeProps, CheckboxVariantProps } from '@sixbell-telco/sdk/components/forms/checkbox';
import { TableComponent } from '../src/table.component';
import * as i0 from "@angular/core";
/**
* Row checkbox component for table row selection.
*
* This component renders a checkbox within a table row,
* enabling individual row selection. It interacts with the parent
* {@link TableComponent} to update the selection state.
*
* @example
* ```html
* <tr row-checkbox [identifier]="rowId"></tr>
* ```
*/
export declare class TableRowCheckboxComponent {
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>;
/**
* Unique identifier for the table row.
*
* This input is required to track the specific row in the table.
*/
identifier: import("@angular/core").InputSignal<unknown>;
/**
* Signal that tracks the checked state of the row checkbox.
*
* @defaultValue false
*/
checked: import("@angular/core").WritableSignal<boolean>;
/**
* Creates an instance of TableRowCheckboxComponent.
*
* @param table - Reference to the parent {@link TableComponent} to access
* table-level operations for row selection.
*/
constructor(table: TableComponent);
/**
* Handles the selection event of the row checkbox.
*
* This method notifies the parent table component to update the selection state
* for the corresponding row, based on the checkbox's new value.
*
* @param value - The new checked state (true for selected, false for deselected).
*/
handleSelect(value: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<TableRowCheckboxComponent, [{ host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<TableRowCheckboxComponent, "tr[row-checkbox]", never, { "checkboxVariant": { "alias": "checkboxVariant"; "required": false; "isSignal": true; }; "checkboxSize": { "alias": "checkboxSize"; "required": false; "isSignal": true; }; "identifier": { "alias": "identifier"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}