File

packages/eui/packages/components/eui-disable-content/eui-disable-content.component.ts

Description

Component that provides functionality to disable content and show a visual overlay. When disabled, it adds a semi-transparent overlay and handles focus management.

Implements

OnChanges

Metadata

Index

Properties
Methods
HostListeners

Constructor

constructor()

Initializes the component and sets up an effect to handle disabled state changes

HostListeners

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

Methods

desactivateElement
It will become private in the next major version.
desactivateElement(activeElement: HTMLElement)

Stores the currently active element before disabling

Parameters :
Name Type Optional Description
activeElement HTMLElement No

The element to deactivate

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 :
Name Type Optional Description
change SimpleChange No

The change object to evaluate

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

Properties

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.

results matching ""

    No results matching ""