@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
60 lines (59 loc) • 2.46 kB
TypeScript
import * as i0 from "@angular/core";
/**
* DropdownItemRadio - Radio dropdown item
* Provides radio button functionality for dropdown selections
*/
export declare class DropdownItemRadioComponent {
private readonly dropdown;
/**
* Whether the radio is checked
*/
checked: import("@angular/core").InputSignal<boolean>;
/**
* The value of this radio item
*/
value: import("@angular/core").InputSignal<string>;
/**
* Whether the menu item is disabled
*/
disabled: import("@angular/core").InputSignal<boolean>;
/**
* Custom indicator character or text
*/
indicator: import("@angular/core").InputSignal<string>;
/**
* Whether to show the indicator
*/
showIndicator: import("@angular/core").InputSignal<boolean>;
/**
* Custom CSS classes
*/
class: import("@angular/core").InputSignal<string>;
/**
* Whether to close the dropdown when the item is selected
* @defaultValue true
*/
closeOnSelect: import("@angular/core").InputSignal<boolean>;
/**
* Emitted when the radio state changes
*/
checkedChanged: import("@angular/core").OutputEmitterRef<string>;
/**
* Emitted when the menu item is triggered/clicked
*/
triggered: import("@angular/core").OutputEmitterRef<void>;
/**
* Computed data state for ARIA
*/
dataState: import("@angular/core").Signal<"checked" | "unchecked">;
/**
* Handle item click - select this radio option
*/
onItemClick(): void;
/**
* Computed CSS classes for the menu item
*/
itemClass: () => string;
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemRadioComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemRadioComponent, "st-dropdown-item-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "showIndicator": { "alias": "showIndicator"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "checkedChanged": "checkedChanged"; "triggered": "triggered"; }, never, ["*"], true, never>;
}