packages/components/eui-disable-content/eui-disable-content.component.ts
Component that provides functionality to disable content and show a visual overlay. When disabled, it adds a semi-transparent overlay and handles focus management.
OnChanges
| encapsulation | ViewEncapsulation.None |
| selector | eui-disable-content |
| styleUrls | ./eui-disable-content.scss |
| template | |
Properties |
Methods |
HostListeners |
constructor()
|
|
Initializes the component and sets up an effect to handle disabled state changes |
| click |
| It will become private in the next major version. |
click()
|
|
Handles click events on the disabled content Shows a growl notification if content is disabled and has disabled text |
| desactivateElement | ||||||||
| It will become private in the next major version. | ||||||||
desactivateElement(activeElement: HTMLElement)
|
||||||||
|
Stores the currently active element before disabling
Parameters :
Returns :
void
|
| getActiveElement |
| It will become private in the next major version. |
getActiveElement()
|
|
Gets the currently focused element within the component
Returns :
HTMLElement
The focused HTML element or null |
| isAboutToBlock | ||||||||
| It will become private in the next major version. | ||||||||
isAboutToBlock(change: SimpleChange)
|
||||||||
|
Checks if the component is about to enter a blocked state
Parameters :
Returns :
boolean
True if the component is transitioning to blocked state |
| reactivateElement |
| It will become private in the next major version. |
reactivateElement()
|
|
Reactivates the last active element
Returns :
void
|
| disabledText |
Default value : input('')
|
|
Text to display in an eui-growl (type info) notification when clicking the disabled content. |
| isDisabled |
Default value : input(null, { transform: booleanAttribute })
|
|
Controls whether the content is disabled. If disabled, a semi-transparent overlay with spinner is shown. |