@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
101 lines (100 loc) • 3.28 kB
TypeScript
import { ElementRef, EventEmitter } from '@angular/core';
import { TListItemType } from './list-item.model';
import * as i0 from "@angular/core";
export declare class ListItemComponent {
readonly el: ElementRef<HTMLElement>;
private readonly cdr;
/**
* @ignore
*/
get className(): string;
/**
* Whether item is active or not
*/
isActive: boolean;
/**
* Whether item is disabled or not
*/
isDisabled: boolean;
/**
* @ignore
*/
get isClickable(): boolean;
/**
* Whether the border should be on the right
*/
hasRightBorder: boolean;
/** Override aria role if required. */
role?: string;
/**
* @ignore
*/
get getTabindex(): number;
ariaSelected: boolean;
/**
* Name of the icon
*/
iconName: string;
/**
* Aria label of the icon
*/
iconAriaLabel: string;
/**
* List item type <br>
* `list` -> `<li>...</li>` <br>
* `link` -> `<li><a>...</a></li>` <br>
* `button` -> `<li><button>...</button></li>`
*
* @default "list"
*/
type?: TListItemType;
/**
* List item href when `type` is `link`
*/
href?: string;
/**
* List item attribute value
*/
value: string;
/**
* Whether content should be in a checkbox
*/
isCheckboxContent: boolean;
/**
* Whether only icon should be displayed
*/
isIconOnly: boolean;
/**
* Checkbox id if `isCheckboxContent` is set to `true`
*/
checkboxContentId: string;
/**
* Emits an event on item click
*/
itemClick: EventEmitter<MouseEvent>;
/**
* @ignore
*/
onMouseClick(event: MouseEvent): void;
constructor(el: ElementRef<HTMLElement>);
/**
* Get value of item, returns value if set else returns textContent of item.
* Used in `<nj-select>` component
*/
getValue(): string;
/**
* Get label of item, returns textContent of item.
* Used in `<nj-select>` component
*/
getLabel(): string;
/**
* @ignore
*/
updateSelected(isSelected: boolean): void;
/**
* @ignore
*/
get hasClickableChildren(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "[nj-list-item]", never, { "isActive": { "alias": "isActive"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "hasRightBorder": { "alias": "hasRightBorder"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaSelected": { "alias": "ariaSelected"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "href": { "alias": "href"; "required": false; }; "value": { "alias": "value"; "required": false; }; "isCheckboxContent": { "alias": "isCheckboxContent"; "required": false; }; "isIconOnly": { "alias": "isIconOnly"; "required": false; }; "checkboxContentId": { "alias": "checkboxContentId"; "required": false; }; }, { "itemClick": "itemClick"; }, never, ["[njListItemRightContent]", "*"], true, never>;
}