Popup

shadow

The wje-popup page was auto-generated to keep API documentation coverage in sync with the current component set. Detailed usage and best-practice guidance will be expanded in the next content phase.

When to use

Use wje-popup to communicate status, result of actions, or required next steps immediately.

When not to use

Do not show multiple feedback channels for the same event unless there is a strong reason.

Accessibility

Announce status updates with suitable ARIA live regions and manage focus for modal interactions.

Best Practices

• Match message severity (info/success/warning/error) to actual user impact.
• Use confirmations only for destructive or hard-to-reverse actions.
• Keep timeouts consistent so users have enough time to read messages.

Attributes and Properties

No properties available for this component.

Events

Name	Description
wje-portal:restored	Emitted when the wje-portal:restored event is dispatched.
wje-popup:reposition	Event fired when the popup is repositioned.
wje-popup:show	Event fired when the popup is shown.
wje-popup:hide	Event fired when the popup is hidden.
wje-popup:beforeshow	Emitted when the wje-popup:beforeshow event is dispatched.
wje-popup:aftershow	Emitted when the wje-popup:aftershow event is dispatched.
wje-router:rebind	Emitted when the wje-router:rebind event is dispatched.
wje-popup:opened	Emitted when the component opens.

Methods

setAnchor

Description	Sets the anchor for the popup. Adds a click event listener to the anchor element.
Signature	() => void

showHide

Description	Toggles the active attribute of the popup.
Signature	() => void

reposition

Description	Repositions the popup. Uses the floating-ui library to compute the position.
Signature	() => void

findDialog

Description	Finds dialog in component-managed data.
Signature	(el: any) => void

show

Description	Displays the popup by portaling the content, managing the loader state, and attaching event handlers. Optionally dispatches a custom event when the popup is shown.
Signature	(dispatchEvent?: boolean) => void

hide

Description	Hides the popup. Removes the popup-active class from the floating element. Cleans up the auto update for repositioning.
Signature	(dispatchEvent: any) => void

markContentReady

Description	Marks content as ready so popup positioning and visibility flow can continue.
Signature	() => void

CSS Shadow Parts

Name	Description
native	The native part of the popup.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

Name	Description
anchor	The slot for the anchor of the popup.
arrow	The slot for the arrow of the popup.
default	The default slot for the popup.