new VlElement( html ) → {void}

Description

De root element class voor custom HTML elementen.

Parameters
Name Type Description
html Literal

HTML literal die de DOM representeert

Properties
Name Type Description
data-vl-spacer-none boolean

Attribuut wordt gebruikt om aan te geven dat er geen lege ruimte toegevoegd mag worden rond het element.

Returns
Details

Members


<static> attributePrefix

Description

Geeft de prefix die gebruikt kan worden voor attributen.

Returns

attribuut prefix

Details

<protected, static> _observedAttributes

Description

Een lijst van attributen die geobserveerd zullen worden. Bij een wijziging van de attribuut waarde zal een functie (_attribuutChangedCallback) functie aangeroepen worden met de oude en nieuwe waarde als parameters. Indien de attribuut - bevat in de naam zal dit verwijderd worden gevolgd door een hoofdletter bij het aanroepen van de functie (_attribuutNaamChangedCallback).

Returns

array van attributen waar naar geluisterd moet worden

Details

<protected, static> _observedClassAttributes

Description

Een lijst van attributen die geobserveerd zullen worden. Bij een wijziging van de attribuut waarde zal een class toegevoegd worden aan het root element. De naam van de class is gebaseerd op de element prefix (_classPrefix) en de naam van het attribuut.

Returns

array van attributen waar naar geluisterd moet worden

Details

<protected, static> _observedChildClassAttributes

Description

Een lijst van attributen die geobserveerd zullen worden. Bij een wijziging van de attribuut waarde zal een class toegevoegd worden aan het eerste shadow DOM element. De naam van de class is gebaseerd op de element prefix (_classPrefix) en de naam van het attribuut.

Returns

array van attributen waar naar geluisterd moet worden

Details

name

Description

Geeft de waarde van het naam attribuut terug.

Returns
Details

name

Description

Bepaal het name attribuut van het element en achterliggend input element.

Parameters
Name Type Description
value string
Details

form

Description

Geeft het form element terug.

Returns
Details

<protected> _classPrefix

Description

De class prefix bepaalt de prefix van het class attribuut dat automatisch toegevoegd wordt op basis van attributen.

Returns
Details

<protected> _element

Description

DOM element getter.

Returns
Details

Methods


getAttribute( attribute ) → {String}

Description

Geeft de waarde van het attribuut rekening houdende met het feit dat de attribuut prefix #attributePrefix gebruikt wordt.

Parameters
Name Type Description
attribute String
Returns
Details

getTranslation( key ) → {String}

Description

Geeft de internationalisatie vertaling terug.

Parameters
Name Type Description
key String
Returns
Details

hasAttribute( attribute ) → {Boolean}

Description

Geeft terug of het attribuut bestaat rekening houdende met het feit dat de attribuut prefix #attributePrefix gebruikt wordt.

Parameters
Name Type Description
attribute String
Returns
Details

<protected> shadow( html ) → {void}

Description

Definieer shadow DOM.

Parameters
Name Type Description
html Literal

HTML literal

Returns
Details

<protected> _template( html ) → {HTMLTemplateElement}

Description

Genereert een {HTMLTemplateElement} template met de HTML Literal.

Parameters
Name Type Description
html Literal

HTML literal

Returns
Details

<protected> _changeClass( element, oldValue, newValue, classPrefix ) → {void}

Description

Het class attribuut op basis van de oude waarde zal vervangen worden door het class attribuut op basis van de nieuwe waarde.

Parameters
Name Type Description
element Element

HTML element

oldValue Object

oude waarde

newValue Object

nieuwe waarde

classPrefix String

class prefix

Returns
Details

<protected> _toggleClass( element, value, clazz ) → {void}

Description

Zal op basis van de attribuut waarde de class verwijderen of toevoegen.

Parameters
Name Type Description
element Element

HTML element

value Object

attribuut waarde

clazz String

class waarde

Returns
Details

_changeTranslation( key, value )

Description

Wijzig de (standaard) tekst van een vertaling.

Parameters
Name Type Description
key String
value String
Details