@schukai/monster 1.17.1 → 1.20.0

package/dist/monster.dev.js

@@ -1,4 +1,4 @@
-/** Monster 1.17.1, © 2021 schukai GmbH, Released under the AGPL 3.0 License. */
+/** Monster 1.20.0, © 2021 schukai GmbH, Released under the AGPL 3.0 License. */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -132,7 +132,7 @@ var Monster = new Namespace("Monster");
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/namespace.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/namespace.js';
  * function hello() {
  *            console.log('Hello World!');
  *        }
@@ -374,7 +374,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/base.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/base.js';
  * console.log(new Monster.Types.Base())
  * </script>
  * ```
@@ -383,7 +383,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Base} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/base.js';
+ * import {Base} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/base.js';
  * console.log(new Base())
  * </script>
  * ```
@@ -546,7 +546,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/andoperator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/andoperator.js';
  * new Monster.Constraint.AndOperator();
  * </script>
  * ```
@@ -555,16 +555,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/andoperator.js';
+ * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/andoperator.js';
  * new AndOperator();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/valid.js';
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/invalid.js';
- * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/andoperator.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/valid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/invalid.js';
+ * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/andoperator.js';
  *
  * new AndOperator(
  * new Valid(), new Valid()).isValid()
@@ -661,7 +661,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/invalid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/invalid.js';
  * new Monster.Constraint.Invalid();
  * </script>
  * ```
@@ -670,14 +670,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/invalid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/invalid.js';
  * new Invalid();
  * </script>
  * ```
  *
  * @example
  *
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/invalid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/invalid.js';
  *
  * new Invalid().isValid()
  * .then(()=>console.log(true))
@@ -767,7 +767,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/isarray.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/isarray.js';
  * console.log(new Monster.Constraint.IsArray())
  * </script>
  * ```
@@ -776,14 +776,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/isarray.js';
+ * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/isarray.js';
  * console.log(new IsArray())
  * </script>
  * ```
  *
  * @example
  *
- * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/isarray.js';
+ * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/isarray.js';
  *
  * new IsArray()
  * .isValid([])
@@ -869,7 +869,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isIterable(null)) // ↦ false
  * console.log(Monster.Types.isIterable('hello')) // ↦ true
  * console.log(Monster.Types.isIterable([])) // ↦ true
@@ -880,7 +880,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {isIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isIterable(null))  // ↦ false
  * console.log(isIterable('hello'))  // ↦ true
  * console.log(isIterable([]))  // ↦ true
@@ -906,7 +906,7 @@ function isIterable(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isPrimitive('2')) // ↦ false
  * console.log(Monster.Types.isPrimitive([])) // ↦ true
  * </script>
@@ -916,7 +916,7 @@ function isIterable(value) {
  *
  * ```
  * <script type="module">
- * import {isPrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isPrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isPrimitive('2'))  // ↦ true
  * console.log(isPrimitive([]))  // ↦ false
  * </script>
@@ -933,7 +933,7 @@ function isIterable(value) {
 function isPrimitive(value) {
   var type;
 
-  if (value === undefined || value === null || value === NaN) {
+  if (value === undefined || value === null) {
     return true;
   }
 
@@ -952,7 +952,7 @@ function isPrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isSymbol('2')) // ↦ false
  * console.log(Monster.Types.isSymbol(Symbol('test')) // ↦ true
  * </script>
@@ -962,7 +962,7 @@ function isPrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {isSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isSymbol(Symbol('a')))  // ↦ true
  * console.log(isSymbol([])  // ↦ false
  * </script>
@@ -986,7 +986,7 @@ function isSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isBoolean('2')) // ↦ false
  * console.log(Monster.Types.isBoolean([])) // ↦ false
  * console.log(Monster.Types.isBoolean(true)) // ↦ true
@@ -997,7 +997,7 @@ function isSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {isBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isBoolean('2'))  // ↦ false
  * console.log(isBoolean([]))  // ↦ false
  * console.log(isBoolean(2>4))  // ↦ true
@@ -1026,7 +1026,7 @@ function isBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isString('2')) // ↦ true
  * console.log(Monster.Types.isString([])) // ↦ false
  * </script>
@@ -1036,7 +1036,7 @@ function isBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {isString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isString('2'))  // ↦ true
  * console.log(isString([]))  // ↦ false
  * </script>
@@ -1064,7 +1064,7 @@ function isString(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isObject('2')) // ↦ false
  * console.log(Monster.Types.isObject([])) // ↦ false
  * console.log(Monster.Types.isObject({})) // ↦ true
@@ -1075,7 +1075,7 @@ function isString(value) {
  *
  * ```
  * <script type="module">
- * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isObject('2'))  // ↦ false
  * console.log(isObject([]))  // ↦ false
  * </script>
@@ -1106,7 +1106,7 @@ function isObject(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isInstance('2')) // ↦ false
  * console.log(Monster.Types.isInstance([])) // ↦ false
  * console.log(Monster.Types.isInstance({})) // ↦ true
@@ -1117,7 +1117,7 @@ function isObject(value) {
  *
  * ```
  * <script type="module">
- * import {isInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isInstance('2'))  // ↦ false
  * console.log(isInstance([]))  // ↦ false
  * </script>
@@ -1145,7 +1145,7 @@ function isInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isArray('2')) // ↦ false
  * console.log(Monster.Types.isArray([])) // ↦ true
  * </script>
@@ -1155,7 +1155,7 @@ function isInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {isArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isArray('2'))  // ↦ false
  * console.log(isArray([]))  // ↦ true
  * </script>
@@ -1183,7 +1183,7 @@ function isArray(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isFunction(()=>{})) // ↦ true
  * console.log(Monster.Types.isFunction('2')) // ↦ false
  * console.log(Monster.Types.isFunction([])) // ↦ false
@@ -1194,7 +1194,7 @@ function isArray(value) {
  *
  * ```
  * <script type="module">
- * import {isFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isFunction(()=>{})) // ↦ true
  * console.log(isFunction('2'))  // ↦ false
  * console.log(isFunction([]))  // ↦ false
@@ -1226,7 +1226,7 @@ function isFunction(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(Monster.Types.isInteger(()=>{})) // ↦ true
  * console.log(Monster.Types.isInteger('2')) // ↦ false
  * console.log(Monster.Types.isInteger(2)) // ↦ true
@@ -1237,7 +1237,7 @@ function isFunction(value) {
  *
  * ```
  * <script type="module">
- * import {isInteger} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {isInteger} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  * console.log(isInteger(()=>{})) // ↦ true
  * console.log(isInteger('2'))  // ↦ false
  * console.log(isInteger(2))  // ↦ true
@@ -1306,7 +1306,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/isobject.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/isobject.js';
  * console.log(new Monster.Constraint.IsObject())
  * </script>
  * ```
@@ -1315,14 +1315,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/isobject.js';
+ * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/isobject.js';
  * console.log(new IsObject())
  * </script>
  * ```
  *
  * @example
  *
- * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/isobject.js';
+ * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/isobject.js';
  *
  * new IsObject()
  * .isValid({})
@@ -1420,7 +1420,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraint/oroperator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraint/oroperator.js';
  * new Monster.Constraint.OrOperator();
  * </script>
  * ```
@@ -1429,16 +1429,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraint/oroperator.js';
+ * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraint/oroperator.js';
  * new OrOperator();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/valid.js';
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/invalid.js';
- * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/oroperator.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/valid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/invalid.js';
+ * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/oroperator.js';
  *
  * new OrOperator(
  * new Valid(), new Invalid()).isValid()
@@ -1558,7 +1558,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/valid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/valid.js';
  * new Monster.Constraint.Valid();
  * </script>
  * ```
@@ -1567,14 +1567,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/valid.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/valid.js';
  * new Valid();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/constraints/valid.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/constraints/valid.js';
  *
  * new Valid().isValid()
  * .then(()=>console.log(true))
@@ -1681,7 +1681,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/buildmap.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/buildmap.js';
  * console.log(Monster.Data.buildMap())
  * </script>
  * ```
@@ -1690,7 +1690,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/buildmap.js';
  * console.log(buildMap())
  * </script>
  * ```
@@ -1701,7 +1701,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * @example
  *
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/buildmap.js';
  * // a typical data structure as reported by an api
  *
  * let map;
@@ -1909,14 +1909,14 @@ function buildFlatMap(subject, selector, key, parentMap) {
  * @param {*} value Value
  * @param {string} key  Key
  * @memberOf Monster.Data
- * @see Monster.Data.buildMap
+ * @see {@link Monster.Data.buildMap}
  */
 
 /**
  * Alternatively to a string selector a callback can be specified. this must return a map.
  *
  * @example
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/buildmap.js';
  *
  * let obj = {
  *                "data": [
@@ -2041,7 +2041,7 @@ function buildFlatMap(subject, selector, key, parentMap) {
  * @return Map
  * @since 1.17.0
  * @memberOf Monster.Data
- * @see Monster.Data.buildMap
+ * @see {@link Monster.Data.buildMap}
  */
 
 /**
@@ -2119,7 +2119,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateIterable('2')) // ↦ TypeError
  * console.log(Monster.Types.validateIterable([])) // ↦ value
  * </script>
@@ -2129,7 +2129,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateIterable('2'))  // ↦ TypeError
  * console.log(validateIterable([]))  // ↦ value
  * </script>
@@ -2160,7 +2160,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validatePrimitive('2')) // ↦ value
  * console.log(Monster.Types.validatePrimitive([])) // ↦ TypeError
  * </script>
@@ -2170,7 +2170,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validatePrimitive('2'))  // ↦ value
  * console.log(validatePrimitive([]))  // ↦ TypeError
  * </script>
@@ -2202,7 +2202,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateBoolean(true)) // ↦ value
  * console.log(Monster.Types.validateBoolean('2')) // ↦ TypeError
  * console.log(Monster.Types.validateBoolean([])) // ↦ TypeError
@@ -2213,7 +2213,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateBoolean(false))  // ↦ value
  * console.log(validateBoolean('2'))  // ↦ TypeError
  * console.log(validateBoolean([]))  // ↦ TypeError
@@ -2244,7 +2244,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateString('2')) // ↦ value
  * console.log(Monster.Types.validateString([])) // ↦ TypeError
  * </script>
@@ -2254,7 +2254,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateString('2'))  // ↦ value
  * console.log(validateString([]))  // ↦ TypeError
  * </script>
@@ -2283,7 +2283,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateObject({})) // ↦ value
  * console.log(Monster.Types.validateObject('2')) // ↦ TypeError
  * console.log(Monster.Types.validateObject([])) // ↦ TypeError
@@ -2294,7 +2294,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateObject({}))  // ↦ value
  * console.log(validateObject('2'))  // ↦ TypeError
  * console.log(validateObject([]))  // ↦ TypeError
@@ -2324,7 +2324,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateInstance({}, Object)) // ↦ value
  * console.log(Monster.Types.validateInstance('2', Object)) // ↦ TypeError
  * console.log(Monster.Types.validateInstance([], Object)) // ↦ TypeError
@@ -2335,7 +2335,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateInstance({}, Object)) // ↦ value
  * console.log(validateInstance('2', Object)) // ↦ TypeError
  * console.log(validateInstance([], Object)) // ↦ TypeError
@@ -2375,7 +2375,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateArray('2')) // ↦ TypeError
  * console.log(Monster.Types.validateArray([])) // ↦ value
  * </script>
@@ -2385,7 +2385,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateArray('2'))  // ↦ TypeError
  * console.log(validateArray([]))  // ↦ value
  * </script>
@@ -2414,7 +2414,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateSymbol('2')) // ↦ TypeError
  * console.log(Monster.Types.validateSymbol([])) // ↦ value
  * </script>
@@ -2424,7 +2424,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateSymbol('2'))  // ↦ TypeError
  * console.log(validateSymbol())  // ↦ value
  * </script>
@@ -2453,7 +2453,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateFunction(()=>{})) // ↦ value
  * console.log(Monster.Types.validateFunction('2')) // ↦ TypeError
  * console.log(Monster.Types.validateFunction([])) // ↦ TypeError
@@ -2464,7 +2464,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateFunction(()=>{})) // ↦ value
  * console.log(validateFunction('2'))  // ↦ TypeError
  * console.log(validateFunction([]))  // ↦ TypeError
@@ -2494,7 +2494,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(Monster.Types.validateInteger(true)) // ↦ TypeError
  * console.log(Monster.Types.validateInteger('2')) // ↦ TypeError
  * console.log(Monster.Types.validateInteger(2)) // ↦ value
@@ -2505,7 +2505,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/validate.js';
  * console.log(validateInteger(true)) // ↦ TypeError
  * console.log(validateInteger('2'))  // ↦ TypeError
  * console.log(validateInteger(2))  // ↦ value
@@ -2567,7 +2567,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/clone.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/clone.js';
  * console.log(Monster.Util.clone({}))
  * </script>
  * ```
@@ -2576,7 +2576,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/clone.js';
+ * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/clone.js';
  * console.log(clone({}))
  * </script>
  * ```
@@ -2782,7 +2782,7 @@ function getGlobal() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/global.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/global.js';
  * console.log(Monster.Types.getGlobalObject('document')) // ↦ { }
  * </script>
  * ```
@@ -2791,7 +2791,7 @@ function getGlobal() {
  *
  * ```
  * <script type="module">
- * import {getGlobalObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/global.js';
+ * import {getGlobalObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/global.js';
  * console.log(getGlobalObject('document')) // ↦ { }
  * </script>
  * ```
@@ -2822,7 +2822,7 @@ function getGlobalObject(name) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/global.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/global.js';
  * console.log(Monster.Types.getGlobalFunction('parseInt')) // ↦ f parseInt() { }
  * </script>
  * ```
@@ -2831,7 +2831,7 @@ function getGlobalObject(name) {
  *
  * ```
  * <script type="module">
- * import {getGlobalFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/global.js';
+ * import {getGlobalFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/global.js';
  * console.log(getGlobalFunction('parseInt')) // ↦ f parseInt() { }
  * </script>
  * ```
@@ -2946,7 +2946,7 @@ var WILDCARD = '*';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pathfinder.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pathfinder.js';
  * console.log(new Monster.Data.Pathfinder())
  * </script>
  * ```
@@ -2955,7 +2955,7 @@ var WILDCARD = '*';
  *
  * ```
  * <script type="module">
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pathfinder.js';
  * console.log(new Pathfinder())
  * </script>
  * ```
@@ -2997,7 +2997,7 @@ var WILDCARD = '*';
  *
  * @example
  *
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pathfinder.js';
  *
  * let value = new Pathfinder({
  * a: {
@@ -3023,7 +3023,7 @@ var WILDCARD = '*';
  *
  * @example
  *
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pathfinder.js';
  *
  * let p = new Pathfinder({
  *                a: {
@@ -3434,7 +3434,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/stack.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/stack.js';
  * console.log(new Monster.Types.Stack())
  * </script>
  * ```
@@ -3443,7 +3443,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/stack.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/stack.js';
  * console.log(new Stack())
  * </script>
  * ```
@@ -3578,7 +3578,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/diff.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/diff.js';
  * console.log(Monster.Data.Diff(a, b))
  * </script>
  * ```
@@ -3587,14 +3587,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/diff.js';
+ * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/diff.js';
  * console.log(Diff(a, b))
  * </script>
  * ```
  *
  * @example
  *
- * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/diff.js';
+ * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/diff.js';
  *
  * // given are two objects x and y.
  *
@@ -3681,8 +3681,7 @@ function doDiff(a, b, path, diff) {
   var currPath = path || [];
   var currDiff = diff || [];
 
-  if (typeA === typeB && typeA === 'object') {
-    // array is object too
+  if (typeA === typeB && (typeA === 'object' || typeA === 'array')) {
     getKeys(a, b, typeA).forEach(function (v) {
       if (!Object.prototype.hasOwnProperty.call(a, v)) {
         currDiff.push(buildResult(a[v], b[v], 'add', currPath.concat(v)));
@@ -3836,7 +3835,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/typeof.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/typeof.js';
  * console.log(Monster.Types.typeOf())
  * </script>
  * ```
@@ -3845,14 +3844,14 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/typeof.js';
+ * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/typeof.js';
  * console.log(typeOf())
  * </script>
  * ```
  *
  * @example
  *
- * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/typeof.js';
+ * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/typeof.js';
  *
  * console.log(typeOf(undefined)); // ↦ undefined
  * console.log(typeOf("")); // ↦ string
@@ -3912,7 +3911,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/extend.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/extend.js';
  * console.log(Monster.Data.extend(a, b))
  * </script>
  * ```
@@ -3921,7 +3920,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {extend} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/extend.js';
+ * import {extend} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/extend.js';
  * console.log(extend(a, b))
  * </script>
  * ```
@@ -4050,7 +4049,7 @@ var DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pipe.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pipe.js';
  * console.log(new Monster.Data.Pipe())
  * </script>
  * ```
@@ -4059,7 +4058,7 @@ var DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pipe.js';
  * console.log(new Pipe())
  * </script>
  * ```
@@ -4070,7 +4069,7 @@ var DELIMITER = '|';
  * the word is then converted to uppercase letters and a prefix Hello is added. the two backslash safe the space char.
  *
  * @example
- * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/pipe.js';
  *
  * let obj = {
  *    a: {
@@ -4232,7 +4231,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/transformer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/transformer.js';
  * console.log(new Monster.Data.Transformer())
  * </script>
  * ```
@@ -4241,7 +4240,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/transformer.js';
  * console.log(new Transformer())
  * </script>
  * ```
@@ -4320,7 +4319,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/data/transformer.js';
  *
  * const transformer = new Transformer("tolower")
  *
@@ -4753,7 +4752,7 @@ var internalCounter = new Map();
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/id.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/id.js';
  * console.log(new Monster.Types.ID())
  * </script>
  * ```
@@ -4762,7 +4761,7 @@ var internalCounter = new Map();
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/id.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/id.js';
  * console.log(new ID())
  * </script>
  * ```
@@ -4882,7 +4881,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/assembler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/assembler.js';
  * console.log(new Monster.DOM.Assembler())
  * </script>
  * ```
@@ -4891,7 +4890,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/assembler.js';
+ * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/assembler.js';
  * console.log(new Assembler())
  * </script>
  * ```
@@ -4899,6 +4898,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  * @since 1.6.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
+ * @summary Allows you to build an html fragment
  */
 
 var Assembler = /*#__PURE__*/function (_Base) {
@@ -5029,7 +5029,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/proxyobserver.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/proxyobserver.js';
  * console.log(new Monster.Types.ProxyObserver())
  * </script>
  * ```
@@ -5038,7 +5038,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/proxyobserver.js';
+ * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/proxyobserver.js';
  * console.log(new ProxyObserver())
  * </script>
  * ```
@@ -5049,9 +5049,9 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/proxyobserver.js';
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/observer.js';
- * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/is.js';
+ * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/proxyobserver.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/observer.js';
+ * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/is.js';
  *
  * const o = new Observer(function () { 
  *   if (isObject(this) && this instanceof ProxyObserver) {
@@ -5358,7 +5358,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/observer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/observer.js';
  * console.log(new Monster.Types.Observer())
  * </script>
  * ```
@@ -5367,7 +5367,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/observer.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/observer.js';
  * console.log(new Observer())
  * </script>
  * ```
@@ -5401,7 +5401,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/observer.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/observer.js';
  *
  * const observer = new Observer(function(a, b, c) {
  *      console.log(this, a, b, c); // ↦ "a", 2, true 
@@ -5601,7 +5601,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/tokenlist.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/tokenlist.js';
  * console.log(new Monster.Types.TokenList("myclass row"))
  * console.log(new Monster.Types.TokenList("myclass row"))
  * </script>
@@ -5611,7 +5611,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {TokenList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/tokenlist.js';
+ * import {TokenList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/tokenlist.js';
  * console.log(new TokenList("myclass row"))
  * console.log(new TokenList("myclass row"))
  * </script>
@@ -6034,7 +6034,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/uniquequeue.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/uniquequeue.js';
  * console.log(new Monster.Types.UniqueQueue())
  * </script>
  * ```
@@ -6043,7 +6043,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {UniqueQueue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/uniquequeue.js';
+ * import {UniqueQueue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/uniquequeue.js';
  * console.log(new UniqueQueue())
  * </script>
  * ```
@@ -6051,6 +6051,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.4.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @summary A queue for unique values
  */
 
 var UniqueQueue = /*#__PURE__*/function (_Queue) {
@@ -6177,7 +6178,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/queue.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/queue.js';
  * console.log(new Monster.Types.Queue())
  * </script>
  * ```
@@ -6186,14 +6187,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/queue.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/queue.js';
  * console.log(new Queue())
  * </script>
  * ```
  *
  * @example
  *
- * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/queue.js';
+ * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/queue.js';
  *
  * const queue = new Queue;
  *
@@ -6217,6 +6218,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.4.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @summary A Queue (Fifo)
  */
 
 var Queue = /*#__PURE__*/function (_Base) {
@@ -6361,7 +6363,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/observerlist.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/observerlist.js';
  * console.log(new Monster.Types.ObserverList())
  * console.log(new Monster.Types.ObserverList())
  * </script>
@@ -6371,7 +6373,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ObserverList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/observerlist.js';
+ * import {ObserverList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/observerlist.js';
  * console.log(ObserverList())
  * console.log(ObserverList())
  * </script>
@@ -6521,7 +6523,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /**
- * get the closest object link of a node
+ * Get the closest object link of a node
  *
  * if a node is specified without a object link, a recursive search upwards is performed until the corresponding
  * object link is found, or undefined is returned.
@@ -6530,7 +6532,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/updater.js';
  * console.log(Monster.DOM.findClosestObjectLink())
  * </script>
  * ```
@@ -6539,7 +6541,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/updater.js';
+ * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/updater.js';
  * console.log(findClosestObjectLink())
  * </script>
  * ```
@@ -6560,7 +6562,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.addToObjectLink();
  * </script>
  * ```
@@ -6569,7 +6571,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * addToObjectLink();
  * </script>
  * ```
@@ -6601,7 +6603,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.removeObjectLink();
  * </script>
  * ```
@@ -6610,7 +6612,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * removeObjectLink();
  * </script>
  * ```
@@ -6641,7 +6643,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.hasObjectLink();
  * </script>
  * ```
@@ -6650,7 +6652,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * hasObjectLink();
  * </script>
  * ```
@@ -6676,17 +6678,17 @@ function hasObjectLink(element, symbol) {
 }
 /**
  * The ObjectLink can be used to attach objects to HTMLElements. The elements are kept in a set under a unique
- * symbol and can be read via an iterator {@see getLinkedObjects}.
+ * symbol and can be read via an iterator {@see {@link getLinkedObjects}}.
  *
  * In addition, elements with an objectLink receive the attribute `data-monster-objectlink`.
  *
- * With the method  {@see addToObjectLink} the objects can be added.
+ * With the method  {@see {@link addToObjectLink}} the objects can be added.
  *
  * You can call the method via the monster namespace `new Monster.DOM.getLinkedObjects()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.getLinkedObjects();
  * </script>
  * ```
@@ -6695,7 +6697,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * getLinkedObjects();
  * </script>
  * ```
@@ -6729,7 +6731,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.toggleAttributeToken();
  * </script>
  * ```
@@ -6738,7 +6740,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * toggleAttributeToken();
  * </script>
  * ```
@@ -6773,7 +6775,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.addAttributeToken();
  * </script>
  * ```
@@ -6782,7 +6784,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * addAttributeToken();
  * </script>
  * ```
@@ -6819,7 +6821,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.removeAttributeToken();
  * </script>
  * ```
@@ -6828,7 +6830,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * removeAttributeToken();
  * </script>
  * ```
@@ -6864,7 +6866,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.containsAttributeToken();
  * </script>
  * ```
@@ -6873,7 +6875,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * containsAttributeToken();
  * </script>
  * ```
@@ -6906,7 +6908,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.replaceAttributeToken();
  * </script>
  * ```
@@ -6915,7 +6917,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * replaceAttributeToken();
  * </script>
  * ```
@@ -6951,7 +6953,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.clearAttributeTokens();
  * </script>
  * ```
@@ -6960,7 +6962,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * clearAttributeTokens();
  * </script>
  * ```
@@ -6990,7 +6992,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * Monster.DOM.findClosestByAttribute();
  * </script>
  * ```
@@ -6999,7 +7001,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/attributes.js';
+ * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/attributes.js';
  * findClosestByAttribute();
  * </script>
  * ```
@@ -7226,6 +7228,8 @@ var internalSymbol = Symbol('internalSymbol');
  * IMPORTANT: after defining a `CustomElement`, the `registerCustomElement` method must be called
  * with the new class name. only then will the tag defined via the `getTag` method be made known to the DOM.
  *
+ * <img src="./images/customcontrol-class.png">
+ * 
  * This control uses `attachInternals()` to integrate the control into a form.
  * If the target environment does not support this method, the [polyfill](https://www.npmjs.com/package/element-internals-polyfill ) can be used.
  *
@@ -7233,7 +7237,7 @@ var internalSymbol = Symbol('internalSymbol');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/customcontrol.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/customcontrol.js';
  * console.log(new Monster.DOM.CustomControl())
  * </script>
  * ```
@@ -7242,15 +7246,22 @@ var internalSymbol = Symbol('internalSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomControl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/customcontrol.js';
+ * import {CustomControl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/customcontrol.js';
  * console.log(new CustomControl())
  * </script>
  * ```
- *
- * @summary A base class for customcontrols
- * @see https://www.npmjs.com/package/element-internals-polyfill
- * @see https://github.com/WICG/webcomponents
- * @see https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements
+ * 
+ * @startuml customcontrol-class.png
+ * skinparam monochrome true
+ * skinparam shadowing false
+ * HTMLElement <|-- CustomElement
+ * CustomElement <|-- CustomControl
+ * @enduml
+ * 
+ * @summary A base class for customcontrols based on CustomElement
+ * @see {@link https://www.npmjs.com/package/element-internals-polyfill}
+ * @see {@link https://github.com/WICG/webcomponents}
+ * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements}
  * @since 1.14.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
@@ -7287,7 +7298,7 @@ var CustomControl = /*#__PURE__*/function (_CustomElement) {
   }
   /**
    *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals}
    * @since 1.14.0
    * @return {boolean}
    */
@@ -7307,8 +7318,8 @@ var CustomControl = /*#__PURE__*/function (_CustomElement) {
      * }
      * ```
      *
-     * @see https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals
+     * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example}
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals}
      * @return {object}
      * @since 1.14.0
      */
@@ -7347,7 +7358,7 @@ var CustomControl = /*#__PURE__*/function (_CustomElement) {
      *
      * @return {NodeList}
      * @since 1.14.0
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels}
      * @throws {Error} the ElementInternals is not supported and a polyfill is necessary
      */
 
@@ -7385,8 +7396,8 @@ var CustomControl = /*#__PURE__*/function (_CustomElement) {
      *
      * @return {ValidityState}
      * @throws {Error} the ElementInternals is not supported and a polyfill is necessary
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/validity
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ValidityState}
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/validity}
      */
 
   }, {
@@ -7583,16 +7594,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _data_extend_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
 /* harmony import */ var _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2);
-/* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16);
-/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
-/* harmony import */ var _types_observer_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27);
-/* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26);
-/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14);
-/* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(15);
-/* harmony import */ var _attributes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(32);
-/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(33);
-/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(36);
-/* harmony import */ var _updater_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(38);
+/* harmony import */ var _types_dataurl_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36);
+/* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16);
+/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
+/* harmony import */ var _types_observer_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27);
+/* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
+/* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(15);
+/* harmony import */ var _attributes_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(32);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(33);
+/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(38);
+/* harmony import */ var _updater_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(40);
 
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -7655,6 +7667,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
+
 /**
  * @private
  * @type {symbol}
@@ -7666,7 +7679,7 @@ var internalDataSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_0__.P
  * @type {symbol}
  */
 
-var objectLinkSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_11__.OBJECTLINK_KEY_UPDATER);
+var objectLinkSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_12__.OBJECTLINK_KEY_UPDATER);
 /**
  * @memberOf Monster.DOM
  * @type {symbol}
@@ -7683,6 +7696,43 @@ var assembleMethodSymbol = Symbol('assembleMethodSymbol');
  * HTMLElement
  * @external HTMLElement
  * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
+ *
+ * @startuml customelement-sequencediagram.png
+ * skinparam monochrome true
+ * skinparam shadowing false
+ *
+ * autonumber
+ *
+ * Script -> DOM: element = document.createElement('my-element')
+ * DOM -> CustomElement: constructor()
+ * CustomElement -> CustomElement: [initMethodSymbol]()
+ *
+ * CustomElement --> DOM: Element
+ * DOM --> Script : element
+ *
+ *
+ * Script -> DOM: document.querySelector('body').append(element)
+ *
+ * DOM -> CustomElement : connectedCallback()
+ *
+ * note right CustomElement: is only called at\nthe first connection
+ * CustomElement -> CustomElement : [assembleMethodSymbol]()
+ *
+ * ... ...
+ *
+ * autonumber
+ *
+ * Script -> DOM: document.querySelector('monster-confirm-button').parentNode.removeChild(element)
+ * DOM -> CustomElement: disconnectedCallback()
+ *
+ *
+ * @enduml
+ *
+ * @startuml customelement-class.png
+ * skinparam monochrome true
+ * skinparam shadowing false
+ * HTMLElement <|-- CustomElement
+ * @enduml
  */
 
 /**
@@ -7691,11 +7741,13 @@ var assembleMethodSymbol = Symbol('assembleMethodSymbol');
  * IMPORTANT: after defining a `CustomElement`, the `registerCustomElement` method must be called
  * with the new class name. only then will the tag defined via the `getTag` method be made known to the DOM.
  *
+ * <img src="./images/customelement-class.png">
+ *
  * You can create the object via the monster namespace `new Monster.DOM.CustomElement()`.
  *
  * ```
  * <script type="module">
- * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/customelement.js';
+ * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/customelement.js';
  * console.log(new Monster.DOM.CustomElement())
  * </script>
  * ```
@@ -7704,11 +7756,15 @@ var assembleMethodSymbol = Symbol('assembleMethodSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/customelement.js';
+ * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/customelement.js';
  * console.log(new CustomElement())
  * </script>
  * ```
  *
+ * ## Interaction
+ *
+ * <img src="./images/customelement-sequencediagram.png">
+ *
  * ## Styling
  *
  * For optimal display of custom-elements the pseudo-class :defined can be used.
@@ -7791,6 +7847,7 @@ var assembleMethodSymbol = Symbol('assembleMethodSymbol');
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
  * @extends external:HTMLElement
+ * @summary A base class for HTML5 customcontrols
  */
 
 var CustomElement = /*#__PURE__*/function (_HTMLElement) {
@@ -7811,7 +7868,7 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
     _classCallCheck(this, CustomElement);
 
     _this = _super.call(this);
-    _this[internalDataSymbol] = new _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_7__.ProxyObserver({
+    _this[internalDataSymbol] = new _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__.ProxyObserver({
       'options': (0,_data_extend_js__WEBPACK_IMPORTED_MODULE_1__.extend)({}, _this.defaults, getOptionsFromAttributes.call(_assertThisInitialized(_this)))
     });
     initOptionObserver.call(_assertThisInitialized(_this));
@@ -7832,7 +7889,6 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
     key: "defaults",
     get:
     /**
-     *
      * Derived classes can override and extend this method as follows.
      *
      * ```
@@ -7843,6 +7899,21 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
      * }
      * ```
      *
+     * to set the options via the html tag the attribute data-monster-options must be set.
+     * As value a JSON object with the desired values must be defined.
+     *
+     * Since 1.18.0 the JSON can be specified as a DataURI.
+     *
+     * ```
+     * new Monster.Types.DataUrl(btoa(JSON.stringify({
+     *        shadowMode: 'open',
+     *        delegatesFocus: true,
+     *        templates: {
+     *            main: undefined
+     *        }
+     *    })),'application/json',true).toString()
+     * ```
+     *
      * @property {string} shadowMode=open `open` Elements of the shadow root are accessible from JavaScript outside the root, for example using. `close` Denies access to the node(s) of a closed shadow root from JavaScript outside it
      * @property {Boolean} delegatesFocus=true A boolean that, when set to true, specifies behavior that mitigates custom element issues around focusability. When a non-focusable part of the shadow DOM is clicked, the first focusable part is given focus, and the shadow host is given any available :focus styling.
      * @property {Object} templates Templates
@@ -7952,7 +8023,7 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "setOptions",
     value: function setOptions(options) {
-      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(options)) {
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isString)(options)) {
         options = parseOptionsJSON(options);
       }
 
@@ -8000,7 +8071,7 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
       }
 
       var updater = new Set();
-      (0,_attributes_js__WEBPACK_IMPORTED_MODULE_10__.addToObjectLink)(this, objectLinkSymbol, updater);
+      (0,_attributes_js__WEBPACK_IMPORTED_MODULE_11__.addToObjectLink)(this, objectLinkSymbol, updater);
 
       var _loop = function _loop() {
         var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -8008,7 +8079,7 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
 
         if (!(element instanceof HTMLElement)) return "continue";
         if (element instanceof HTMLTemplateElement) return "continue";
-        var u = new _updater_js__WEBPACK_IMPORTED_MODULE_13__.Updater(element, (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_9__.clone)(self[internalDataSymbol].getRealSubject()['options']));
+        var u = new _updater_js__WEBPACK_IMPORTED_MODULE_14__.Updater(element, (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(self[internalDataSymbol].getRealSubject()['options']));
         updater.add(u);
         u.run().then(function () {
           u.enableEventProcessing();
@@ -8036,7 +8107,7 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
     value: function connectedCallback() {
       var self = this;
 
-      if (!(0,_attributes_js__WEBPACK_IMPORTED_MODULE_10__.hasObjectLink)(self, objectLinkSymbol)) {
+      if (!(0,_attributes_js__WEBPACK_IMPORTED_MODULE_11__.hasObjectLink)(self, objectLinkSymbol)) {
         self[assembleMethodSymbol]();
       }
     }
@@ -8077,14 +8148,37 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
     value: function attributeChangedCallback(attrName, oldVal, newVal) {
       var self = this;
 
-      if (attrName === _constants_js__WEBPACK_IMPORTED_MODULE_11__.ATTRIBUTE_OPTIONS) {
+      if (attrName === _constants_js__WEBPACK_IMPORTED_MODULE_12__.ATTRIBUTE_OPTIONS) {
         self.setOptions(newVal);
       }
     }
+    /**
+     * 
+     * @param {Node} node
+     * @return {boolean}
+     * @throws {TypeError} value is not an instance of
+     * @since 1.19.0
+     */
+
+  }, {
+    key: "hasNode",
+    value: function hasNode(node) {
+      var self = this;
+
+      if (containChildNode.call(self, (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateInstance)(node, Node))) {
+        return true;
+      }
+
+      if (!(self.shadowRoot instanceof ShadowRoot)) {
+        return false;
+      }
+
+      return containChildNode.call(self.shadowRoot, node);
+    }
   }], [{
     key: "observedAttributes",
     get: function get() {
-      return [_constants_js__WEBPACK_IMPORTED_MODULE_11__.ATTRIBUTE_OPTIONS];
+      return [_constants_js__WEBPACK_IMPORTED_MODULE_12__.ATTRIBUTE_OPTIONS];
     }
   }, {
     key: "getTag",
@@ -8111,7 +8205,7 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
      * ;
      * ```
      *
-     * @return {CSSStyleSheet|undefined}
+     * @return {CSSStyleSheet|CSSStyleSheet[]|string|undefined}
      */
 
   }, {
@@ -8123,6 +8217,33 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
 
   return CustomElement;
 }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
+/**
+ * @private
+ * @param {Node} node
+ * @return {boolean}
+ */
+
+
+function containChildNode(node) {
+  var self = this;
+
+  if (self.contains(node)) {
+    return true;
+  }
+
+  for (var _i2 = 0, _Object$entries2 = Object.entries(self.childNodes); _i2 < _Object$entries2.length; _i2++) {
+    var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+        e = _Object$entries2$_i[1];
+
+    if (e.contains(node)) {
+      return true;
+    }
+
+    containChildNode.call(e, node);
+  }
+
+  return false;
+}
 /**
  * @since 1.15.0
  * @private
@@ -8132,14 +8253,14 @@ var CustomElement = /*#__PURE__*/function (_HTMLElement) {
 
 function initOptionObserver() {
   var self = this;
-  self.attachObserver(new _types_observer_js__WEBPACK_IMPORTED_MODULE_6__.Observer(function () {
+  self.attachObserver(new _types_observer_js__WEBPACK_IMPORTED_MODULE_7__.Observer(function () {
     // not initialised
-    if (!(0,_attributes_js__WEBPACK_IMPORTED_MODULE_10__.hasObjectLink)(self, Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_11__.OBJECTLINK_KEY_UPDATER))) {
+    if (!(0,_attributes_js__WEBPACK_IMPORTED_MODULE_11__.hasObjectLink)(self, Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_12__.OBJECTLINK_KEY_UPDATER))) {
       return;
     } // inform every element
 
 
-    var updaters = (0,_attributes_js__WEBPACK_IMPORTED_MODULE_10__.getLinkedObjects)(self, Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_11__.OBJECTLINK_KEY_UPDATER));
+    var updaters = (0,_attributes_js__WEBPACK_IMPORTED_MODULE_11__.getLinkedObjects)(self, Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_12__.OBJECTLINK_KEY_UPDATER));
 
     var _iterator = _createForOfIteratorHelper(updaters),
         _step;
@@ -8154,7 +8275,7 @@ function initOptionObserver() {
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var updater = _step2.value;
-            var d = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_9__.clone)(self[internalDataSymbol].getRealSubject()['options']);
+            var d = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(self[internalDataSymbol].getRealSubject()['options']);
             Object.assign(updater.getSubject(), d);
           }
         } catch (err) {
@@ -8178,22 +8299,34 @@ function initOptionObserver() {
 
 
 function getOptionsFromAttributes() {
-  if (this.hasAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_11__.ATTRIBUTE_OPTIONS)) {
+  if (this.hasAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_12__.ATTRIBUTE_OPTIONS)) {
     try {
-      return parseOptionsJSON(this.getAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_11__.ATTRIBUTE_OPTIONS));
+      return parseOptionsJSON(this.getAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_12__.ATTRIBUTE_OPTIONS));
     } catch (e) {
-      throw new Error('the options attribute ' + _constants_js__WEBPACK_IMPORTED_MODULE_11__.ATTRIBUTE_OPTIONS + ' does not contain a valid json definition (actual: ' + this.getAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_11__.ATTRIBUTE_OPTIONS) + ').');
+      throw new Error('the options attribute ' + _constants_js__WEBPACK_IMPORTED_MODULE_12__.ATTRIBUTE_OPTIONS + ' does not contain a valid json definition (actual: ' + this.getAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_12__.ATTRIBUTE_OPTIONS) + ').');
     }
   }
 
   return {};
 }
+/**
+ * @private
+ * @param data
+ * @return {Object}
+ */
+
 
 function parseOptionsJSON(data) {
-  if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(data)) {
+  if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isString)(data)) {
+    // the configuration can be specified as a data url.
+    try {
+      var dataUrl = (0,_types_dataurl_js__WEBPACK_IMPORTED_MODULE_4__.parseDataURL)(data);
+      data = dataUrl.content;
+    } catch (e) {}
+
     try {
       var obj = JSON.parse(data);
-      (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_8__.validateObject)(obj);
+      (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateObject)(obj);
       return obj;
     } catch (e) {
       throw new Error('the options does not contain a valid json definition (actual: ' + data + ').');
@@ -8210,12 +8343,12 @@ function parseOptionsJSON(data) {
 
 function initHtmlContent() {
   try {
-    var template = (0,_template_js__WEBPACK_IMPORTED_MODULE_12__.findDocumentTemplate)(this.constructor.getTag());
+    var template = (0,_template_js__WEBPACK_IMPORTED_MODULE_13__.findDocumentTemplate)(this.constructor.getTag());
     this.appendChild(template.createDocumentFragment());
   } catch (e) {
     var html = this.getOption('templates.main', '');
 
-    if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(html) && html.length > 0) {
+    if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isString)(html) && html.length > 0) {
       this.innerHTML = html;
     }
   }
@@ -8242,9 +8375,9 @@ function initCSSStylesheet() {
 
   if (styleSheet instanceof CSSStyleSheet) {
     this.shadowRoot.adoptedStyleSheets = [styleSheet];
-  } else if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isArray)(styleSheet)) {
+  } else if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(styleSheet)) {
     this.shadowRoot.adoptedStyleSheets = styleSheet;
-  } else if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(styleSheet)) {
+  } else if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isString)(styleSheet)) {
     var style = self.shadowRoot.createElement('<style>');
     style.innerText = styleSheet;
     this.shadowRoot.adoptedStyleSheets = styleSheet;
@@ -8266,11 +8399,11 @@ function initShadowRoot() {
   var template, html;
 
   try {
-    template = (0,_template_js__WEBPACK_IMPORTED_MODULE_12__.findDocumentTemplate)(this.constructor.getTag());
+    template = (0,_template_js__WEBPACK_IMPORTED_MODULE_13__.findDocumentTemplate)(this.constructor.getTag());
   } catch (e) {
     html = this.getOption('templates.main', '');
 
-    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(html) || html === undefined || html === "") {
+    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isString)(html) || html === undefined || html === "") {
       throw new Error("html is not set.");
     }
   }
@@ -8280,7 +8413,7 @@ function initShadowRoot() {
     delegatesFocus: this.getOption('delegatesFocus', true)
   });
 
-  if (template instanceof _template_js__WEBPACK_IMPORTED_MODULE_12__.Template) {
+  if (template instanceof _template_js__WEBPACK_IMPORTED_MODULE_13__.Template) {
     this.shadowRoot.appendChild(template.createDocumentFragment());
     return this;
   }
@@ -8301,8 +8434,8 @@ function initShadowRoot() {
 
 
 function registerCustomElement(element) {
-  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_8__.validateFunction)(element);
-  (0,_types_global_js__WEBPACK_IMPORTED_MODULE_4__.getGlobalObject)('customElements').define(element.getTag(), element);
+  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateFunction)(element);
+  (0,_types_global_js__WEBPACK_IMPORTED_MODULE_5__.getGlobalObject)('customElements').define(element.getTag(), element);
 }
 
 (0,_namespace_js__WEBPACK_IMPORTED_MODULE_3__.assignToNamespace)('Monster.DOM', CustomElement, registerCustomElement);
@@ -8312,6 +8445,522 @@ function registerCustomElement(element) {
 /* 36 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Monster": function() { return /* reexport safe */ _base_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
+/* harmony export */   "parseDataURL": function() { return /* binding */ parseDataURL; },
+/* harmony export */   "DataUrl": function() { return /* binding */ DataUrl; }
+/* harmony export */ });
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
+/* harmony import */ var _is_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var _mediatype_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37);
+/* harmony import */ var _validate_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(14);
+
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+/**
+ * @author schukai GmbH
+ */
+
+
+
+
+
+/**
+ * @private
+ * @type {symbol}
+ */
+
+var internal = Symbol('internal');
+/**
+ * You can create an object via the monster namespace `new Monster.Types.DataUrl()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/dataurl.js';
+ * console.log(new Monster.Types.DataUrl())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {DataUrl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/dataurl.js';
+ * console.log(new DataUrl())
+ * </script>
+ * ```
+ *
+ * @since 1.8.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.Types
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
+ * @see https://datatracker.ietf.org/doc/html/rfc2397
+ */
+
+var DataUrl = /*#__PURE__*/function (_Base) {
+  _inherits(DataUrl, _Base);
+
+  var _super = _createSuper(DataUrl);
+
+  /**
+   *
+   * @param {String} content
+   * @param {String|Monster.Types.MediaType} mediatype
+   * @param {boolean} base64=true
+   */
+  function DataUrl(content, mediatype, base64) {
+    var _this;
+
+    _classCallCheck(this, DataUrl);
+
+    _this = _super.call(this);
+
+    if ((0,_is_js__WEBPACK_IMPORTED_MODULE_2__.isString)(mediatype)) {
+      mediatype = (0,_mediatype_js__WEBPACK_IMPORTED_MODULE_3__.parseMediaType)(mediatype);
+    }
+
+    _this[internal] = {
+      content: (0,_validate_js__WEBPACK_IMPORTED_MODULE_4__.validateString)(content),
+      mediatype: (0,_validate_js__WEBPACK_IMPORTED_MODULE_4__.validateInstance)(mediatype, _mediatype_js__WEBPACK_IMPORTED_MODULE_3__.MediaType),
+      base64: (0,_validate_js__WEBPACK_IMPORTED_MODULE_4__.validateBoolean)(base64 === undefined ? true : base64)
+    };
+    return _this;
+  }
+
+  _createClass(DataUrl, [{
+    key: "content",
+    get: function get() {
+      return this[internal].base64 ? atob(this[internal].content) : this[internal].content;
+    }
+  }, {
+    key: "mediatype",
+    get: function get() {
+      return this[internal].mediatype;
+    }
+    /**
+     *
+     * @return {string}
+     * @see https://datatracker.ietf.org/doc/html/rfc2397
+     */
+
+  }, {
+    key: "toString",
+    value: function toString() {
+      var content = this[internal].content;
+
+      if (this[internal].base64 === true) {
+        content = ';base64,' + content;
+      } else {
+        content = ',' + encodeURIComponent(content);
+      }
+
+      return 'data:' + this[internal].mediatype.toString() + content;
+    }
+  }]);
+
+  return DataUrl;
+}(_base_js__WEBPACK_IMPORTED_MODULE_1__.Base);
+/**
+ * You can call the function via the monster namespace `Monster.Types.parseDataURL()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/dataurl.js';
+ * console.log(Monster.Types.parseDataURL())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {parseDataURL} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/dataurl.js';
+ * console.log(parseDataURL())
+ * </script>
+ * ```
+ *
+ * Specification:
+ *
+ * ```
+ * dataurl    := "data:" [ mediatype ] [ ";base64" ] "," data
+ * mediatype  := [ type "/" subtype ] *( ";" parameter )
+ * data       := *urlchar
+ * parameter  := attribute "=" value
+ * ```
+ *
+ * @param {String} dataurl
+ * @return {Monster.Types.DataUrl}
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
+ * @see https://datatracker.ietf.org/doc/html/rfc2397
+ * @throws {TypeError} incorrect or missing data protocol
+ * @throws {TypeError} malformed data url
+ * @memberOf Monster.Types
+ */
+
+
+function parseDataURL(dataurl) {
+  (0,_validate_js__WEBPACK_IMPORTED_MODULE_4__.validateString)(dataurl);
+  dataurl = dataurl.trim();
+
+  if (dataurl.substring(0, 5) !== 'data:') {
+    throw new TypeError('incorrect or missing data protocol');
+  }
+
+  dataurl = dataurl.substring(5);
+  var p = dataurl.indexOf(',');
+
+  if (p === -1) {
+    throw new TypeError('malformed data url');
+  }
+
+  var content = dataurl.substring(p + 1);
+  var mediatypeAndBase64 = dataurl.substring(0, p).trim();
+  var mediatype = 'text/plain;charset=US-ASCII';
+  var base64Flag = false;
+
+  if (mediatypeAndBase64 !== "") {
+    mediatype = mediatypeAndBase64;
+
+    if (mediatypeAndBase64.endsWith('base64')) {
+      var i = mediatypeAndBase64.lastIndexOf(';');
+      mediatype = mediatypeAndBase64.substring(0, i);
+      base64Flag = true;
+    } else {
+      content = decodeURIComponent(content);
+    }
+
+    mediatype = (0,_mediatype_js__WEBPACK_IMPORTED_MODULE_3__.parseMediaType)(mediatype);
+  } else {
+    content = decodeURIComponent(content);
+  }
+
+  return new DataUrl(content, mediatype, base64Flag);
+}
+
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.Types', parseDataURL, DataUrl);
+
+
+/***/ }),
+/* 37 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Monster": function() { return /* reexport safe */ _base_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
+/* harmony export */   "parseMediaType": function() { return /* binding */ parseMediaType; },
+/* harmony export */   "MediaType": function() { return /* binding */ MediaType; }
+/* harmony export */ });
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
+/* harmony import */ var _is_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var _validate_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
+
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return new BabelRegExp(re, undefined, groups); }; var _super = RegExp.prototype; var _groups = new WeakMap(); function BabelRegExp(re, flags, groups) { var _this = new RegExp(re, flags); _groups.set(_this, groups || _groups.get(re)); return _setPrototypeOf(_this, BabelRegExp.prototype); } _inherits(BabelRegExp, RegExp); BabelRegExp.prototype.exec = function (str) { var result = _super.exec.call(this, str); if (result) result.groups = buildGroups(result, this); return result; }; BabelRegExp.prototype[Symbol.replace] = function (str, substitution) { if (typeof substitution === "string") { var groups = _groups.get(this); return _super[Symbol.replace].call(this, str, substitution.replace(/\$<([^>]+)>/g, function (_, name) { return "$" + groups[name]; })); } else if (typeof substitution === "function") { var _this = this; return _super[Symbol.replace].call(this, str, function () { var args = arguments; if (_typeof(args[args.length - 1]) !== "object") { args = [].slice.call(args); args.push(buildGroups(args, _this)); } return substitution.apply(this, args); }); } else { return _super[Symbol.replace].call(this, str, substitution); } }; function buildGroups(result, re) { var g = _groups.get(re); return Object.keys(g).reduce(function (groups, name) { groups[name] = result[g[name]]; return groups; }, Object.create(null)); } return _wrapRegExp.apply(this, arguments); }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+/**
+ * @author schukai GmbH
+ */
+
+
+
+
+/**
+ * @private
+ * @type {symbol}
+ */
+
+var internal = Symbol('internal');
+/**
+ * @typedef {Object} Parameter
+ * @property {string} key
+ * @property {string} value
+ * @memberOf Monster.Types
+ */
+
+/**
+ * You can create an object via the monster namespace `new Monster.Types.MediaType()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/mediatype.js';
+ * console.log(new Monster.Types.MediaType())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {MediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/mediatype.js';
+ * console.log(new MediaType())
+ * </script>
+ * ```
+ *
+ * @since 1.8.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.Types
+ */
+
+var MediaType = /*#__PURE__*/function (_Base) {
+  _inherits(MediaType, _Base);
+
+  var _super = _createSuper(MediaType);
+
+  /**
+   *
+   * @param {String} type
+   * @param {String} subtype
+   * @param {Monster.Types.Parameter[]} parameter
+   */
+  function MediaType(type, subtype, parameter) {
+    var _this;
+
+    _classCallCheck(this, MediaType);
+
+    _this = _super.call(this);
+    _this[internal] = {
+      type: (0,_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(type).toLowerCase(),
+      subtype: (0,_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(subtype).toLowerCase(),
+      parameter: []
+    };
+
+    if (parameter !== undefined) {
+      _this[internal]['parameter'] = (0,_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateArray)(parameter);
+    }
+
+    return _this;
+  }
+  /**
+   * @return {String}
+   */
+
+
+  _createClass(MediaType, [{
+    key: "type",
+    get: function get() {
+      return this[internal].type;
+    }
+    /**
+     * @return {String}
+     */
+
+  }, {
+    key: "subtype",
+    get: function get() {
+      return this[internal].subtype;
+    }
+    /**
+     * @return {Monster.Types.Parameter[]}
+     */
+
+  }, {
+    key: "parameter",
+    get:
+    /**
+     *
+     *
+     * @return {Map}
+     */
+    function get() {
+      var result = new Map();
+      this[internal]['parameter'].forEach(function (p) {
+        var value = p.value; // internally special values are partly stored with quotes, this function removes them.
+
+        if (value.startsWith('"') && value.endsWith('"')) {
+          value = value.substring(1, value.length - 1);
+        }
+
+        result.set(p.key, value);
+      });
+      return result;
+    }
+    /**
+     *
+     * @return {string}
+     */
+
+  }, {
+    key: "toString",
+    value: function toString() {
+      var parameter = [];
+
+      var _iterator = _createForOfIteratorHelper(this[internal].parameter),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var a = _step.value;
+          parameter.push(a.key + '=' + a.value);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      return this[internal].type + '/' + this[internal].subtype + (parameter.length > 0 ? ';' + parameter.join(';') : '');
+    }
+  }]);
+
+  return MediaType;
+}(_base_js__WEBPACK_IMPORTED_MODULE_1__.Base);
+/**
+ * You can call the function via the monster namespace `Monster.Types.parseMediaType()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/dataurl.js';
+ * console.log(Monster.Types.parseMediaType())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {parseMediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/dataurl.js';
+ * console.log(parseMediaType())
+ * </script>
+ * ```
+ *
+ * Specification:
+ *
+ * ```
+ * dataurl    := "data:" [ mediatype ] [ ";base64" ] "," data
+ * mediatype  := [ type "/" subtype ] *( ";" parameter )
+ * data       := *urlchar
+ * parameter  := attribute "=" value
+ * ```
+ *
+ * @param {String} mediatype
+ * @return {Monster.Types.MediaType}
+ * @see https://datatracker.ietf.org/doc/html/rfc2045#section-5.1
+ * @throws {TypeError} the mimetype can not be parsed
+ * @throws {TypeError} blank value is not allowed
+ * @throws {TypeError} malformed data url
+ * @memberOf Monster.Types
+ */
+
+
+function parseMediaType(mediatype) {
+  var regex = /*#__PURE__*/_wrapRegExp(/([A-Za-z]+|\*)\/(([\+\x2D\.0-9A-Z_a-z]+)|\*|)([\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*;[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*([0-9A-Za-z]+)[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*(=[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*("?[\x2D0-9A-Z_a-z]+"?))?)*/g, {
+    type: 1,
+    subtype: 2,
+    parameter: 4
+  });
+
+  var result = regex.exec((0,_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(mediatype));
+  var groups = result === null || result === void 0 ? void 0 : result['groups'];
+
+  if (groups === undefined) {
+    throw new TypeError('the mimetype can not be parsed');
+  }
+
+  var type = groups === null || groups === void 0 ? void 0 : groups['type'];
+  var subtype = groups === null || groups === void 0 ? void 0 : groups['subtype'];
+  var parameter = groups === null || groups === void 0 ? void 0 : groups['parameter'];
+
+  if (subtype === "" || type === "") {
+    throw new TypeError('blank value is not allowed');
+  }
+
+  return new MediaType(type, subtype, parseParameter(parameter));
+}
+/**
+ * @private
+ * @since 1.18.0
+ * @param {String} parameter
+ * @return {Monster.Types.Parameter[]|undefined}
+ * @memberOf Monster.Types
+ */
+
+
+function parseParameter(parameter) {
+  if (!(0,_is_js__WEBPACK_IMPORTED_MODULE_2__.isString)(parameter)) {
+    return undefined;
+  }
+
+  var result = [];
+  parameter.split(';').forEach(function (entry) {
+    entry = entry.trim();
+
+    if (entry === "") {
+      return;
+    }
+
+    var kv = entry.split('=');
+    var key = (0,_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(kv === null || kv === void 0 ? void 0 : kv[0]).trim();
+    var value = (0,_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(kv === null || kv === void 0 ? void 0 : kv[1]).trim(); // if values are quoted, they remain so internally
+
+    result.push({
+      key: key,
+      value: value
+    });
+  });
+  return result;
+}
+
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.Types', parseMediaType, MediaType);
+
+
+/***/ }),
+/* 38 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
@@ -8322,7 +8971,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
-/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37);
+/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39);
 
 /**
  * @author schukai GmbH
@@ -8360,7 +9009,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/template.js';
  * console.log(new Monster.DOM.Template())
  * </script>
  * ```
@@ -8369,7 +9018,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/template.js';
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/template.js';
  * console.log(new Template())
  * </script>
  * ```
@@ -8377,6 +9026,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.6.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
+ * @summary A template class
  */
 
 var Template = /*#__PURE__*/function (_Base) {
@@ -8429,13 +9079,24 @@ var Template = /*#__PURE__*/function (_Base) {
   return Template;
 }(_types_base_js__WEBPACK_IMPORTED_MODULE_1__.Base);
 /**
+ * This method loads a template with the given ID and returns it.
  *
+ * To do this, it first fetches the theme of the document and looks for the `data-monster-theme-name` attribute in the HTML tag.
  *
- * you can call the method via the monster namespace `Monster.DOM.findDocumentTemplate()`.
+ * ```
+ * <html data-monster-theme-name="my-theme">
+ * ```
+ *
+ * If no theme was specified, the default theme is `monster`.
+ *
+ * Now it is looked if there is a template with the given ID and theme `id-theme` and if yes it is returned. 
+ * If there is no template a search for a template with the given ID `id` is done. If this is also not found, an error is thrown.
+ *
+ * You can call the method via the monster namespace `Monster.DOM.findDocumentTemplate()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/template.js';
  * console.log(Monster.DOM.findDocumentTemplate())
  * </script>
  * ```
@@ -8444,14 +9105,14 @@ var Template = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/template.js';
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/template.js';
  * console.log(findDocumentTemplate())
  * </script>
  * ```
  *
  * @param {string} id
  * @param {Node} currentNode
- * @return {Template}
+ * @return {Monster.DOM.Template}
  * @since 1.7.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
@@ -8503,7 +9164,7 @@ function findDocumentTemplate(id, currentNode) {
 
 
 /***/ }),
-/* 37 */
+/* 39 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -8554,7 +9215,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/theme.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -8563,14 +9224,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
  *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());
@@ -8579,6 +9240,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.7.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
+ * @summary A theme class
  */
 
 var Theme = /*#__PURE__*/function (_Base) {
@@ -8654,7 +9316,7 @@ function getDocumentTheme() {
 
 
 /***/ }),
-/* 38 */
+/* 40 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -8673,8 +9335,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
 /* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(15);
-/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(36);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(39);
+/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(38);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(41);
 
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -8731,15 +9393,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
- * The updater class connects an object with the dom. in this way, structures and contents in the DOM can be programmatically adapted via attributes.
+ * The updater class connects an object with the dom. In this way, structures and contents in the DOM can be programmatically adapted via attributes.
  *
- * For example, to include a string from an object, the attribute `data-monster-replace` can be used.
+ * For example, to include a string from an object, the attribute `data-monster-replace` can be used. 
+ * a further explanation can be found under {@tutorial dom-based-templating-implementation}.
  *
  * you can call the method via the monster namespace `new Monster.DOM.Updater()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/updater.js';
  * console.log(new Monster.DOM.Updater())
  * </script>
  * ```
@@ -8748,14 +9411,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/updater.js';
  * console.log(new Updater())
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/updater.js';
  *
  * // First we prepare the html document.
  * // This is done here via script, but can also be inserted into the document as pure html.
@@ -8788,6 +9451,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @throws {Error} the maximum depth for the recursion is reached.
  * @throws {TypeError} value is not a object
  * @throws {TypeError} value is not an instance of HTMLElement
+ * @summary The updater class connects an object with the dom
  */
 
 var Updater = /*#__PURE__*/function (_Base) {
@@ -8801,6 +9465,7 @@ var Updater = /*#__PURE__*/function (_Base) {
    * @param {object|ProxyObserver|undefined} subject
    * @throws {TypeError} value is not a object
    * @throws {TypeError} value is not an instance of HTMLElement
+   * @see {@link Monster.DOM.findDocumentTemplate}
    */
   function Updater(element, subject) {
     var _this;
@@ -8851,7 +9516,7 @@ var Updater = /*#__PURE__*/function (_Base) {
   /**
    * Defaults: 'keyup', 'click', 'change', 'drop', 'touchend'
    *
-   * @see https://developer.mozilla.org/de/docs/Web/Events
+   * @see {@link https://developer.mozilla.org/de/docs/Web/Events}
    * @since 1.9.0
    * @param {Array} types
    * @return {Updater}
@@ -9564,7 +10229,7 @@ function handleInputControlAttributeUpdate(element, name, value) {
 
 
 /***/ }),
-/* 39 */
+/* 41 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -9592,7 +10257,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/util.js';
  * console.log(Monster.DOM.getDocument())
  * </script>
  * ```
@@ -9601,7 +10266,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/util.js';
  * console.log(getDocument())
  * </script>
  * ```
@@ -9656,7 +10321,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/util.js';
  * console.log(Monster.DOM.getWindow())
  * </script>
  * ```
@@ -9665,7 +10330,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/util.js';
  * console.log(getWindow(null))
  * </script>
  * ```
@@ -9725,7 +10390,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/util.js';
  * console.log(Monster.DOM.getDocumentFragmentFromString())
  * </script>
  * ```
@@ -9734,7 +10399,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```
@@ -9787,7 +10452,7 @@ function getDocumentFragmentFromString(html) {
 
 
 /***/ }),
-/* 40 */
+/* 42 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -9797,9 +10462,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "fireEvent": function() { return /* binding */ fireEvent; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14);
-/* harmony import */ var _attributes_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39);
+/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41);
 
 /**
  * @author schukai GmbH
@@ -9820,7 +10485,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/events.js';
  * console.log(new Monster.DOM.fireEvent())
  * </script>
  * ```
@@ -9829,7 +10494,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/events.js';
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/events.js';
  * console.log(fireEvent())
  * </script>
  * ```
@@ -9841,6 +10506,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
  * @throws {TypeError} value is not an instance of HTMLElement or HTMLCollection
+ * @summary Construct and send and event
  */
 
 function fireEvent(element, type) {
@@ -9852,7 +10518,7 @@ function fireEvent(element, type) {
       return;
     }
 
-    var event = new Event((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_1__.validateString)(type), {
+    var event = new Event((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateString)(type), {
       bubbles: true,
       cancelable: true
     });
@@ -9877,13 +10543,14 @@ function fireEvent(element, type) {
 }
 /**
  * This function gets the path `Event.composedPath()` from an event and tries to find the next element
- * up the tree `element.closest()` with the attribute and value. If no value is specified, only the attribute is searched.
+ * up the tree `element.closest()` with the attribute and value. If no value, or a value that is undefined or null, 
+ * is specified, only the attribute is searched.
  *
  * You can call the function via the monster namespace `new Monster.DOM.findTargetElementFromEvent()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/events.js';
  * console.log(new Monster.DOM.findTargetElementFromEvent())
  * </script>
  * ```
@@ -9892,7 +10559,7 @@ function fireEvent(element, type) {
  *
  * ```
  * <script type="module">
- * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/events.js';
+ * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/events.js';
  * console.log(findTargetElementFromEvent())
  * </script>
  * ```
@@ -9900,26 +10567,33 @@ function fireEvent(element, type) {
  * @since 1.14.0
  * @param {Event} event
  * @param {string} attributeName
- * @param {string|null} attributeValue
+ * @param {string|null|undefined} attributeValue
  * @throws {Error} unsupported event
  * @memberOf Monster.DOM
  * @throws {TypeError} value is not a string
  * @throws {TypeError} value is not an instance of HTMLElement
+ * @summary Help function to find the appropriate control
  */
 
 
 function findTargetElementFromEvent(event, attributeName, attributeValue) {
-  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_1__.validateInstance)(event, Event);
+  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateInstance)(event, Event);
 
   if (typeof event.composedPath !== 'function') {
     throw new Error('unsupported event');
   }
 
   var path = event.composedPath();
-  var element = path === null || path === void 0 ? void 0 : path[0];
+  var element = path === null || path === void 0 ? void 0 : path[0]; // closest cannot be used here, because closest is not correct for slotted elements
 
-  if (element instanceof HTMLElement) {
-    return (0,_attributes_js__WEBPACK_IMPORTED_MODULE_2__.findClosestByAttribute)(element, attributeName, attributeValue);
+  if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(path)) {
+    for (var i = 0; i < path.length; i++) {
+      var o = path[i];
+
+      if (o instanceof HTMLElement && o.hasAttribute(attributeName) && (attributeValue === undefined || o.getAttribute(attributeName) === attributeValue)) {
+        return o;
+      }
+    }
   }
 
   return undefined;
@@ -9929,7 +10603,7 @@ function findTargetElementFromEvent(event, attributeName, attributeValue) {
 
 
 /***/ }),
-/* 41 */
+/* 43 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -9937,9 +10611,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
 /* harmony export */   "getLocaleOfDocument": function() { return /* binding */ getLocaleOfDocument; }
 /* harmony export */ });
-/* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(42);
+/* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41);
 
 
 
@@ -9963,7 +10637,7 @@ var DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/locale.js';
  * console.log(new Monster.DOM.getLocaleOfDocument())
  * </script>
  * ```
@@ -9972,7 +10646,7 @@ var DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/dom/locale.js';
  * console.log(new getLocaleOfDocument())
  * </script>
  * ```
@@ -9982,6 +10656,7 @@ var DEFAULT_LANGUAGE = 'en';
  * @memberOf Monster.DOM
  * @throws {TypeError} value is not a string
  * @throws {Error} unsupported locale
+ * @summary Tries to determine the locale used
  */
 
 function getLocaleOfDocument() {
@@ -10003,7 +10678,7 @@ function getLocaleOfDocument() {
 
 
 /***/ }),
-/* 42 */
+/* 44 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -10064,7 +10739,7 @@ var localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/locale.js';
  * console.log(new Monster.I18n.Locale())
  * </script>
  * ```
@@ -10073,7 +10748,7 @@ var localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/locale.js';
+ * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/locale.js';
  * console.log(new Locale())
  * </script>
  * ```
@@ -10264,7 +10939,7 @@ var Locale = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/locale.js';
  * console.log(new Monster.I18n.createLocale())
  * </script>
  * ```
@@ -10273,7 +10948,7 @@ var Locale = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/locale.js';
+ * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/locale.js';
  * console.log(createLocale())
  * </script>
  * ```
@@ -10399,7 +11074,7 @@ function parseLocale(locale) {
 
 
 /***/ }),
-/* 43 */
+/* 45 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -10408,9 +11083,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Provider": function() { return /* binding */ Provider; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
-/* harmony import */ var _locale_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42);
-/* harmony import */ var _translations_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
+/* harmony import */ var _types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+/* harmony import */ var _locale_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+/* harmony import */ var _translations_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47);
 
 /**
  * @author schukai GmbH
@@ -10449,7 +11124,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/provider.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/provider.js';
  * console.log(new Monster.I18n.Provider())
  * </script>
  * ```
@@ -10458,7 +11133,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/provider.js';
+ * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/provider.js';
  * console.log(new Provider())
  * </script>
  * ```
@@ -10466,7 +11141,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.13.0
  * @copyright schukai GmbH
  * @memberOf Monster.I18n
- * @see https://datatracker.ietf.org/doc/html/rfc3066
+ * @see {@link https://datatracker.ietf.org/doc/html/rfc3066}
  */
 
 var Provider = /*#__PURE__*/function (_BaseWithOptions) {
@@ -10505,7 +11180,7 @@ var Provider = /*#__PURE__*/function (_BaseWithOptions) {
 
 
 /***/ }),
-/* 44 */
+/* 46 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -10566,7 +11241,7 @@ var optionsSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_0__.PROPER
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/basewithoptions.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/basewithoptions.js';
  * console.log(new Monster.Types.BaseWithOptions())
  * </script>
  * ```
@@ -10575,7 +11250,7 @@ var optionsSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_0__.PROPER
  *
  * ```
  * <script type="module">
- * import {BaseWithOptions} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/basewithoptions.js';
+ * import {BaseWithOptions} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/basewithoptions.js';
  * console.log(new BaseWithOptions())
  * </script>
  * ```
@@ -10652,7 +11327,7 @@ var BaseWithOptions = /*#__PURE__*/function (_Base) {
 
 
 /***/ }),
-/* 45 */
+/* 47 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -10664,7 +11339,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
-/* harmony import */ var _locale_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42);
+/* harmony import */ var _locale_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44);
 
 /**
  * @author schukai GmbH
@@ -10716,7 +11391,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/translations.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/translations.js';
  * console.log(new Monster.I18n.Translations())
  * </script>
  * ```
@@ -10725,7 +11400,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/translations.js';
+ * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/translations.js';
  * console.log(new Translations())
  * </script>
  * ```
@@ -10928,7 +11603,7 @@ var Translations = /*#__PURE__*/function (_Base) {
 
 
 /***/ }),
-/* 46 */
+/* 48 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -10939,13 +11614,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
 /* harmony import */ var _data_extend_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
-/* harmony import */ var _text_formatter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47);
+/* harmony import */ var _text_formatter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16);
 /* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
-/* harmony import */ var _locale_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42);
-/* harmony import */ var _provider_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(43);
-/* harmony import */ var _translations_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(45);
+/* harmony import */ var _locale_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(44);
+/* harmony import */ var _provider_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(45);
+/* harmony import */ var _translations_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(47);
 
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -11001,7 +11676,7 @@ var optionsSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_0__.PROPER
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/providers/fetch.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/providers/fetch.js';
  * console.log(new Monster.I18n.Providers.Fetch())
  * </script>
  * ```
@@ -11010,7 +11685,7 @@ var optionsSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_0__.PROPER
  *
  * ```
  * <script type="module">
- * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/i18n/providers/fetch.js';
+ * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/i18n/providers/fetch.js';
  * console.log(new Fetch())
  * </script>
  * ```
@@ -11018,7 +11693,7 @@ var optionsSymbol = Symbol.for(_constants_js__WEBPACK_IMPORTED_MODULE_0__.PROPER
  * @since 1.13.0
  * @copyright schukai GmbH
  * @memberOf Monster.I18n.Providers
- * @see https://datatracker.ietf.org/doc/html/rfc3066
+ * @see {@link https://datatracker.ietf.org/doc/html/rfc3066}
  */
 
 var Fetch = /*#__PURE__*/function (_Provider) {
@@ -11031,7 +11706,7 @@ var Fetch = /*#__PURE__*/function (_Provider) {
    *
    * @param {string|URL} url
    * @param {Object} options see {@link Monster.I18n.Providers.Fetch#defaults}
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/fetch
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/fetch}
    */
   function Fetch(url, options) {
     var _thisSuper, _this;
@@ -11073,7 +11748,7 @@ var Fetch = /*#__PURE__*/function (_Provider) {
    * @property {String} fetch.redirect=follow
    * @property {String} fetch.referrerPolicy=no-referrer
    *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API}
    */
 
 
@@ -11126,7 +11801,7 @@ var Fetch = /*#__PURE__*/function (_Provider) {
 
 
 /***/ }),
-/* 47 */
+/* 49 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -11179,7 +11854,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/text/formatter.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/text/formatter.js';
  * console.log(new Monster.Text.Formatter())
  * </script>
  * ```
@@ -11188,7 +11863,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/text/formatter.js';
+ * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/text/formatter.js';
  * console.log(new Formatter())
  * </script>
  * ```
@@ -11321,7 +11996,7 @@ function tokenizer(text) {
 
 
 /***/ }),
-/* 48 */
+/* 50 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -11332,8 +12007,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
-/* harmony import */ var _logentry_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49);
-/* harmony import */ var _logger_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50);
+/* harmony import */ var _logentry_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51);
+/* harmony import */ var _logger_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52);
 
 /**
  * @author schukai GmbH
@@ -11371,7 +12046,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/handler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/handler.js';
  * console.log(new Monster.Logging.Handler())
  * </script>
  * ```
@@ -11380,7 +12055,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/handler.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/handler.js';
  * console.log(new Handler())
  * </script>
  * ```
@@ -11572,7 +12247,7 @@ var Handler = /*#__PURE__*/function (_Base) {
 
 
 /***/ }),
-/* 49 */
+/* 51 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -11618,7 +12293,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/logentry.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/logentry.js';
  * console.log(new Monster.Logging.LogEntry())
  * </script>
  * ```
@@ -11627,7 +12302,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/logentry.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/logentry.js';
  * console.log(new LogEntry())
  * </script>
  * ```
@@ -11693,7 +12368,7 @@ var LogEntry = /*#__PURE__*/function (_Base) {
 
 
 /***/ }),
-/* 50 */
+/* 52 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -11709,8 +12384,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "FATAL": function() { return /* binding */ FATAL; },
 /* harmony export */   "OFF": function() { return /* binding */ OFF; }
 /* harmony export */ });
-/* harmony import */ var _logging_handler_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48);
-/* harmony import */ var _logging_logentry_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
+/* harmony import */ var _logging_handler_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(50);
+/* harmony import */ var _logging_logentry_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(14);
@@ -11813,7 +12488,7 @@ var OFF = 0;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/logger.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/logger.js';
  * console.log(new Monster.Logging.Logger())
  * </script>
  * ```
@@ -11822,7 +12497,7 @@ var OFF = 0;
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/logger.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/logger.js';
  * console.log(new Logger())
  * </script>
  * ```
@@ -12068,7 +12743,7 @@ function triggerLog(loglevel) {
 }
 
 /***/ }),
-/* 51 */
+/* 53 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -12079,8 +12754,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16);
-/* harmony import */ var _handler_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48);
-/* harmony import */ var _logentry_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49);
+/* harmony import */ var _handler_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50);
+/* harmony import */ var _logentry_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51);
 
 /**
  * @author schukai GmbH
@@ -12122,7 +12797,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/handler/console.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/handler/console.js';
  * console.log(new Monster.Logging.Handler.ConsoleHandler())
  * </script>
  * ```
@@ -12131,7 +12806,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ConsoleHandler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/logging/handler/console.js';
+ * import {ConsoleHandler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/logging/handler/console.js';
  * console.log(new ConsoleHandler())
  * </script>
  * ```
@@ -12183,7 +12858,7 @@ var ConsoleHandler = /*#__PURE__*/function (_Handler) {
 
 
 /***/ }),
-/* 52 */
+/* 54 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -12207,7 +12882,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/math/random.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/math/random.js';
  * console.log(Monster.Math.random(1,10)) // ↦ 5
  * </script>
  * ```
@@ -12216,7 +12891,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {random} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/math/random.js';
+ * import {random} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/math/random.js';
  * console.log(random(1,10)) // ↦ 5
  * </script>
  * ```
@@ -12317,7 +12992,7 @@ function create(min, max) {
 
 
 /***/ }),
-/* 53 */
+/* 55 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -12325,7 +13000,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
 /* harmony export */   "RandomID": function() { return /* binding */ RandomID; }
 /* harmony export */ });
-/* harmony import */ var _math_random_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(52);
+/* harmony import */ var _math_random_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(54);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16);
 /* harmony import */ var _id_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24);
@@ -12368,7 +13043,7 @@ var internalCounter = 0;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/randomid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/randomid.js';
  * console.log(new Monster.Types.RandomID())
  * </script>
  * ```
@@ -12377,7 +13052,7 @@ var internalCounter = 0;
  *
  * ```
  * <script type="module">
- * import {RandomID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/randomid.js';
+ * import {RandomID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/randomid.js';
  * console.log(new RandomID())
  * </script>
  * ```
@@ -12385,6 +13060,7 @@ var internalCounter = 0;
  * @since 1.6.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @summary class to generate random numbers
  */
 
 var RandomID = /*#__PURE__*/function (_ID) {
@@ -12415,7 +13091,7 @@ var RandomID = /*#__PURE__*/function (_ID) {
 
 
 /***/ }),
-/* 54 */
+/* 56 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -12459,7 +13135,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/version.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/version.js';
  * console.log(new Monster.Types.Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Monster.Types.Version('1')) // ↦ 1.0.0
  * </script>
@@ -12469,7 +13145,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/version.js';
  * console.log(new Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Version('1')) // ↦ 1.0.0
  * </script>
@@ -12477,7 +13153,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/version.js';
  *
  * new Version('1.0.0') // ↦ 1.0.0
  * new Version(1)  // ↦ 1.0.0
@@ -12488,6 +13164,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @author schukai GmbH
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @summary The version object contains a sematic version number
  */
 
 var Version = /*#__PURE__*/function (_Base) {
@@ -12610,7 +13287,7 @@ var monsterVersion;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/version.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/version.js';
  * console.log(Monster.getVersion())
  * </script>
  * ```
@@ -12619,7 +13296,7 @@ var monsterVersion;
  *
  * ```
  * <script type="module">
- * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/types/version.js';
+ * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/types/version.js';
  * console.log(getVersion())
  * </script>
  * ```
@@ -12638,7 +13315,7 @@ function getVersion() {
   /**#@+ dont touch, replaced by make with package.json version */
 
 
-  monsterVersion = new Version('1.17.1');
+  monsterVersion = new Version('1.20.0');
   /**#@-*/
 
   return monsterVersion;
@@ -12648,7 +13325,7 @@ function getVersion() {
 
 
 /***/ }),
-/* 55 */
+/* 57 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -12694,7 +13371,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/comparator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/comparator.js';
  * console.log(new Monster.Util.Comparator())
  * </script>
  * ```
@@ -12703,7 +13380,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/comparator.js';
  * console.log(new Comparator())
  * </script>
  * ```
@@ -12728,7 +13405,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/comparator.js';
  *
  * console.log(new Comparator().lessThanOrEqual(2, 5))
  * // ↦ true
@@ -12909,7 +13586,7 @@ var Comparator = /*#__PURE__*/function (_Base) {
 
 
 /***/ }),
-/* 56 */
+/* 58 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
@@ -12941,7 +13618,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/freeze.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/freeze.js';
  * console.log(Monster.Util.deepFreeze({}))
  * </script>
  * ```
@@ -12950,7 +13627,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.17.1/dist/modules/util/freeze.js';
+ * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.20.0/dist/modules/util/freeze.js';
  * console.log(deepFreeze({}))
  * </script>
  * ```
@@ -13073,25 +13750,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _dom_constants_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(33);
 /* harmony import */ var _dom_customcontrol_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(34);
 /* harmony import */ var _dom_customelement_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(35);
-/* harmony import */ var _dom_events_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(40);
-/* harmony import */ var _dom_locale_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(41);
-/* harmony import */ var _dom_template_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(36);
-/* harmony import */ var _dom_theme_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(37);
-/* harmony import */ var _dom_updater_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(38);
-/* harmony import */ var _dom_util_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(39);
-/* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(42);
-/* harmony import */ var _i18n_provider_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(43);
-/* harmony import */ var _i18n_providers_fetch_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(46);
-/* harmony import */ var _i18n_translations_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(45);
-/* harmony import */ var _logging_handler_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(48);
-/* harmony import */ var _logging_handler_console_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(51);
-/* harmony import */ var _logging_logentry_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(49);
-/* harmony import */ var _logging_logger_js__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(50);
-/* harmony import */ var _math_random_js__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(52);
+/* harmony import */ var _dom_events_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(42);
+/* harmony import */ var _dom_locale_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(43);
+/* harmony import */ var _dom_template_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(38);
+/* harmony import */ var _dom_theme_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(39);
+/* harmony import */ var _dom_updater_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(40);
+/* harmony import */ var _dom_util_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(41);
+/* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(44);
+/* harmony import */ var _i18n_provider_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(45);
+/* harmony import */ var _i18n_providers_fetch_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(48);
+/* harmony import */ var _i18n_translations_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(47);
+/* harmony import */ var _logging_handler_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(50);
+/* harmony import */ var _logging_handler_console_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(53);
+/* harmony import */ var _logging_logentry_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(51);
+/* harmony import */ var _logging_logger_js__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(52);
+/* harmony import */ var _math_random_js__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(54);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(2);
-/* harmony import */ var _text_formatter_js__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(47);
+/* harmony import */ var _text_formatter_js__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(49);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(4);
-/* harmony import */ var _types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(44);
+/* harmony import */ var _types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(46);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(16);
 /* harmony import */ var _types_id_js__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(24);
 /* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(9);
@@ -13099,16 +13776,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _types_observerlist_js__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(31);
 /* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(26);
 /* harmony import */ var _types_queue_js__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(30);
-/* harmony import */ var _types_randomid_js__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(53);
+/* harmony import */ var _types_randomid_js__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(55);
 /* harmony import */ var _types_stack_js__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(18);
 /* harmony import */ var _types_tokenlist_js__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(28);
 /* harmony import */ var _types_typeof_js__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(20);
 /* harmony import */ var _types_uniquequeue_js__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(29);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(14);
-/* harmony import */ var _types_version_js__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(54);
+/* harmony import */ var _types_version_js__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(56);
 /* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(15);
-/* harmony import */ var _util_comparator_js__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(55);
-/* harmony import */ var _util_freeze_js__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(56);
+/* harmony import */ var _util_comparator_js__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(57);
+/* harmony import */ var _util_freeze_js__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(58);
 /**
  * @license
  * Copyright 2021 schukai GmbH