packages/eui/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. |