Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Dialog: API Table

class: LionDialog, lion-dialog

Fields

NamePrivacyTypeDefaultDescriptionInherited From
configpublicPartial<OverlayConfig>{}Configure the many options of the `OverlayController`OverlayMixin
_overlayInvokerNodeprotectedOverlayMixin
_overlayReferenceNodeprotectedOverlayMixin
_overlayBackdropNodeprotectedOverlayMixin
_overlayContentNodeprotectedOverlayMixin
_overlayContentWrapperNodeprotectedOverlayMixin
openedpublicbooleanfalseIf you add the opened attribute a dialog will be opened on page load. The invoker can be left out in case the user does not need to be able to reopen the dialog.OverlayMixin

Methods

NamePrivacyDescriptionParametersReturnInherited From
_defineOverlayConfigprotectedOverlayConfigOverlayMixin
_defineOverlayprotected{ contentNode, invokerNode, referenceNode, backdropNode, contentWrapperNode }, config: DefineOverlayConfigOverlayControllerOverlayMixin
_setupOpenCloseListenersprotectedOverlayMixin
_teardownOpenCloseListenersprotectedOverlayMixin
_setupOverlayCtrlprotectedOverlayMixin
_teardownOverlayCtrlprotectedOverlayMixin
_setOpenedWithoutPropertyEffectsprotectedWhen the opened state is changed by an Application Developer,cthe OverlayController is requested to show/hide. It might happen that this request is not honoured (intercepted in before-hide for instance), so that we need to sync the controller state to this webcomponent again, preventing eternal loops.newOpened: booleanOverlayMixin
togglepublicToggles the overlayOverlayMixin
openpublicShows the overlayOverlayMixin
closepublicHides the overlayOverlayMixin
repositionOverlaypublicSometimes it's needed to recompute Popper position of an overlay, for instance when we have an opened combobox and the surrounding context changes (the space consumed by the textbox increases vertically)OverlayMixin

Events

NameTypeDescriptionInherited From
opened-changedCustomEventOverlayMixin

Attributes

NameFieldInherited From
openedopenedOverlayMixin