Monster.DOM. CustomControl

The defaults property defines the default values for a control. If you want to override these, you can use various methods, which are described in the documentation available at https://monsterjs.orgendocconfigurate-a-monster-control.

The individual configuration values are listed below:

More information about the shadowRoot can be found in the MDN Web Docs, in the HTML Standard or in the WHATWG Wiki.

More information about the template element can be found in the MDN Web Docs.

More information about the slot element can be found in the MDN Web Docs.

This is a method of internal api

Adding a static formAssociated property, with a true value, makes an autonomous custom element a form-associated custom element.

This is a method of internal api

This is a method of internal api

This is a method of internal api

This is a method of internal api

This is a method of internal api

This is a method of internal api

Must be overridden by a derived class and return the value of the control.

This is a method of internal API, which is a part of the web standard for custom elements.

Must be overridden by a derived class and set the value of the control.

This is a method of internal API, which is a part of the web standard for custom elements.

This is a method of internal api

This method is called by the instanceof operator.

This method determines which attributes are to be monitored by attributeChangedCallback().

The custom element has been moved into a new document (e.g. someone called document.adoptNode(el)).

This method is called once when the object is included in the DOM for the first time. It performs the following actions:

1. Extracts the options from the attributes and the script tag of the element and sets them.
2. Initializes the shadow root and its CSS stylesheet (if specified).
3. Initializes the HTML content of the element.
4. Initializes the custom elements inside the shadow root and the slotted elements.
5. Attaches a mutation observer to observe changes to the attributes of the element.

attach a new observer

Called when an observed attribute has been added, removed, updated, or replaced. Also called for initial values when an element is created by the parser, or upgraded. Note: only attributes listed in the observedAttributes property will receive this callback.

Calls a callback function if it exists.

This is a method of internal api

This method is called every time the element is inserted into the DOM. It checks if the custom element has already been initialized and if not, calls the assembleMethod to initialize it.

detach a observer

Called every time the element is removed from the DOM. Useful for running clean up code.

Sets the form attribute of the custom control to the id of the passed form element. If no form element is passed, removes the form attribute.

Sets or removes the disabled attribute of the custom control based on the passed value.

nested options can be specified by path a.b.c

Is called once via the constructor

This is a method of internal api

This is a method of internal api

// Use the control's name as the base name for submitted data
const n = this.getAttribute('name');
const entries = new FormData();
entries.append(n + '-first-name', this.firstName_);
entries.append(n + '-last-name', this.lastName_);
this.setFormValue(entries);

Set option and inform elements

This method updates the labels of the element. The labels are defined in the options object. The key of the label is used to retrieve the translation from the document. If the translation is different from the label, the label is updated.

Before you can use this method, you must have loaded the translations.