Monster.Components.Form. Popper

The Popper ist an element that can be used to display a popper.

Dependencies: the system uses functions of the monsterjs library as well as pooperjs.

You can create this control either by specifying the HTML tagdirectly in the HTML or using Javascript via thedocument.createElement('monster-popper');` method.

<monster-popper></monster-popper>

Or you can create this CustomControl directly in Javascript:

import {Popper} from '@schukai/component-form/source/popper.js';
document.createElement('monster-popper');

Constructor

new Popper()

A popper button

Copyright
  • schukai GmbH

Members

defaults

To set the options via the html tag the attribute data-monster-options must be used.

To set the options via the html tag the attribute data-monster-options must be used.

Properties
NameTypeDescription
templatesObject

The templates for the control.

Properties
NameTypeDescription
mainstring

The main template.

modestring

The mode of the popper. Possible values are click, enter hover, manual, focus, "auto" or a combination of them.

contentstring

The content of the popper.

popperobject

The popper options.

Properties
NameTypeDescription
placementstring

The placement of the popper. Possible values are top, bottom, left and right.

middlewareArray.<function()>

The middleware functions of the popper.

middlewareInitArray.<function()>

The middleware init functions of the popper.

featuresObject

The features of the popper.

Properties
NameTypeDescription
preventPropagateOpenEventsboolean

Prevents the open event from being sent.

See

(static) instanceSymbol

This method is called by the instanceof operator.

This method is called by the instanceof operator.

Methods

assembleMethodSymbol() → {Monster.Components.Form.Popper}

Returns:
Type: 
Monster.Components.Form.Popper

connectedCallback() → {void}

Returns:
Type: 
void

disconnectedCallback() → {void}

Returns:
Type: 
void

hideDialog() → {Monster.Components.Form.Popper}

Returns:
Type: 
Monster.Components.Form.Popper

showDialog() → {Monster.Components.Form.Popper}

Returns:
Type: 
Monster.Components.Form.Popper

toggleDialog() → {Monster.Components.Form.Popper}

Returns:
Type: 
Monster.Components.Form.Popper

(static) getCSSStyleSheet() → {Array.<CSSStyleSheet>}

Returns:
Type: 
Array.<CSSStyleSheet>

(static) getTag() → {string}

Returns:
Type: 
string