packages/ecl/components/ecl-file/ecl-file-item/ecl-file-item.component.ts
Component representing a single file translation or descriptive item inside the main ECL File component.
| selector | ecl-file-item |
| templateUrl | ./ecl-file-item.component.html |
Properties |
Methods |
Inputs |
HostBindings |
Accessors |
| eclTitle |
Type : string
|
|
Title text of the file item. |
| isDescription |
Type : boolean
|
Default value : false
|
|
Indicates whether the item is a description block rather than a translation.
Adds the |
| label |
Type : string
|
|
Language label displayed next to the title (e.g., "FR", "EN"). |
| langDetail |
Type : string
|
|
Supplementary language detail displayed below the language label. |
| meta |
Type : string
|
|
Additional metadata for the item (e.g., file size, type). |
| titleId |
Type : string
|
|
ID applied to the title element for accessibility. |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| attr.role |
Type : string
|
Default value : 'listitem'
|
|
ARIA role attribute set to 'listitem' for accessibility. |
| class |
Type : string
|
|
Host CSS classes for the item, based on the content and state. |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| role |
Type : string
|
Default value : 'listitem'
|
Decorators :
@HostBinding('attr.role')
|
|
ARIA role attribute set to 'listitem' for accessibility. |
| cssClasses |
getcssClasses()
|
|
Host CSS classes for the item, based on the content and state.
Returns :
string
|
| isThumbnail |
getisThumbnail()
|
|
Indicates whether the parent
Returns :
boolean
|