@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
60 lines (59 loc) • 2.09 kB
TypeScript
import * as i0 from "@angular/core";
/**
* A selectable item component for use within dropdown menus
*
* @remarks
* Designed to be used inside `<st-dropdown-content>` components. Handles selection events
* and automatically closes the parent dropdown when clicked.
*
* @example
* ```html
* <st-dropdown-item (selected)="handleItemSelect()">
* <st-icon icon="check"></st-icon>
* <span typography>Select Item</span>
* </st-dropdown-item>
* ```
*
* @example
* ```html
* <st-dropdown-item class="custom-item-style" (selected)="logSelection()" [disabled]="true">
* Disabled item
* </st-dropdown-item>
* ```
*/
export declare class DropdownItemComponent {
private readonly dropdown;
/**
* Whether the menu item is active
*/
active: import("@angular/core").InputSignal<boolean>;
/**
* Custom CSS classes
*/
class: import("@angular/core").InputSignal<string>;
/**
* Whether the item is disabled
* @defaultValue false
*/
disabled: import("@angular/core").InputSignal<boolean>;
/**
* Whether to close the dropdown when the item is selected
* @defaultValue true
*/
closeOnSelect: import("@angular/core").InputSignal<boolean>;
/**
* Event emitted when the item is selected
*/
selected: import("@angular/core").OutputEmitterRef<void>;
/**
* @internal
* Handles item selection and dropdown state
*/
handleSelect(): void;
/**
* Computed CSS classes for the menu item
*/
itemClass: () => string;
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "st-dropdown-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
}