@schukai/monster 1.25.0 → 1.28.0

package/dist/monster.dev.js

@@ -1,4 +1,4 @@
-/** Monster 1.25.0, © 2021 schukai GmbH, Released under the AGPL 3.0 License. */
+/** Monster 1.28.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();
@@ -140,7 +140,7 @@ var Monster = new Namespace("Monster");
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/namespace.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * function hello() {
  *            console.log('Hello World!');
  *        }
@@ -288,6 +288,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ * 
  * The abstract constraint defines the api for all constraints. mainly the method isValid() is defined.
  *
  * derived classes must implement the method isValid().
@@ -295,6 +299,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary The abstract constraint
  */
 
 var AbstractConstraint = /*#__PURE__*/function (_Base) {
@@ -382,7 +387,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/base.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.Base()
  * </script>
  * ```
@@ -391,7 +396,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Base} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/base.js';
+ * import {Base} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/base.js';
  * new Base()
  * </script>
  * ```
@@ -469,11 +474,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * Operators allow you to link constraints together. for example, you can check whether a value is an object or an array. each operator has two operands that are linked together.
  *
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary The abstract operator constraint
  */
 
 var AbstractOperator = /*#__PURE__*/function (_AbstractConstraint) {
@@ -550,11 +560,15 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The AndOperator is used to link several contraints. The constraint is fulfilled if all constraints of the operators are fulfilled.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/andoperator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Constraint.AndOperator();
  * </script>
  * ```
@@ -563,16 +577,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/andoperator.js';
+ * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/andoperator.js';
  * new AndOperator();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/valid.js';
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/invalid.js';
- * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/andoperator.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/valid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/invalid.js';
+ * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/andoperator.js';
  *
  * new AndOperator(
  * new Valid(), new Valid()).isValid()
@@ -589,6 +603,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A and operator constraint
  */
 
 var AndOperator = /*#__PURE__*/function (_AbstractOperator) {
@@ -663,13 +678,17 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The invalid constraint allows an always invalid query to be performed. this constraint is mainly intended for testing.
  *
  * You can call the method via the monster namespace `new Monster.Constraint.Invalid()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/invalid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Constraint.Invalid();
  * </script>
  * ```
@@ -678,14 +697,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/invalid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/invalid.js';
  * new Invalid();
  * </script>
  * ```
  *
  * @example
  *
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/invalid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/invalid.js';
  *
  * new Invalid().isValid()
  * .then(()=>console.log(true))
@@ -695,6 +714,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint that always invalid
  */
 
 var Invalid = /*#__PURE__*/function (_AbstractConstraint) {
@@ -771,12 +791,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ * 
+ * The uniform API of the constraints allows chains to be formed.
+ * 
  * You can call the method via the monster namespace `new Monster.Constraint.IsObject()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/isarray.js';
- * console.log(new Monster.Constraint.IsArray())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * new Monster.Constraint.IsArray()
  * </script>
  * ```
  *
@@ -784,14 +808,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/isarray.js';
+ * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/isarray.js';
  * console.log(new IsArray())
  * </script>
  * ```
  *
  * @example
  *
- * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/isarray.js';
+ * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/isarray.js';
  *
  * new IsArray()
  * .isValid([])
@@ -806,6 +830,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint to check if a value is an array
  */
 
 var IsArray = /*#__PURE__*/function (_AbstractConstraint) {
@@ -871,16 +896,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
 /**
- * With this function you can check if a value is iterable
+ * With this function you can check if a value is iterable.
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isPrimitive()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.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
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isIterable(null) // ↦ false
+ * Monster.Types.isIterable('hello') // ↦ true
+ * Monster.Types.isIterable([]) // ↦ true
  * </script>
  * ```
  *
@@ -888,7 +915,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.25.0/dist/modules/types/is.js';
+ * import {isIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
  * isIterable(null)  // ↦ false
  * isIterable('hello')  // ↦ true
  * isIterable([])  // ↦ true
@@ -909,14 +936,16 @@ function isIterable(value) {
 }
 /**
  * Checks whether the value passed is a primitive (string, number, boolean, NaN, undefined, null or symbol)
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isPrimitive()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isPrimitive('2')) // ↦ false
- * console.log(Monster.Types.isPrimitive([])) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isPrimitive('2') // ↦ false
+ * Monster.Types.isPrimitive([]) // ↦ true
  * </script>
  * ```
  *
@@ -924,9 +953,9 @@ function isIterable(value) {
  *
  * ```
  * <script type="module">
- * import {isPrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isPrimitive('2'))  // ↦ true
- * console.log(isPrimitive([]))  // ↦ false
+ * import {isPrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isPrimitive('2'))  // ↦ true
+ * isPrimitive([]))  // ↦ false
  * </script>
  * ```
  *
@@ -955,14 +984,16 @@ function isPrimitive(value) {
 }
 /**
  * Checks whether the value passed is a symbol
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isSymbol()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isSymbol('2')) // ↦ false
- * console.log(Monster.Types.isSymbol(Symbol('test')) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isSymbol('2') // ↦ false
+ * Monster.Types.isSymbol(Symbol('test') // ↦ true
  * </script>
  * ```
  *
@@ -970,9 +1001,9 @@ function isPrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {isSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isSymbol(Symbol('a')))  // ↦ true
- * console.log(isSymbol([])  // ↦ false
+ * import {isSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isSymbol(Symbol('a')))  // ↦ true
+ * isSymbol([])  // ↦ false
  * </script>
  * ```
  *
@@ -988,16 +1019,18 @@ function isSymbol(value) {
   return 'symbol' === _typeof(value) ? true : false;
 }
 /**
- * Checks whether the value passed is a boolean
+ * Checks whether the value passed is a boolean.
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isBoolean()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.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
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isBoolean('2') // ↦ false
+ * Monster.Types.isBoolean([]) // ↦ false
+ * Monster.Types.isBoolean(true) // ↦ true
  * </script>
  * ```
  *
@@ -1005,10 +1038,10 @@ function isSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {isBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isBoolean('2'))  // ↦ false
- * console.log(isBoolean([]))  // ↦ false
- * console.log(isBoolean(2>4))  // ↦ true
+ * import {isBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isBoolean('2'))  // ↦ false
+ * isBoolean([]))  // ↦ false
+ * isBoolean(2>4))  // ↦ true
  * </script>
  * ```
  *
@@ -1028,15 +1061,17 @@ function isBoolean(value) {
   return false;
 }
 /**
- * checks whether the value passed is a string
+ * Checks whether the value passed is a string
+ * 
+ * This method is used in the library to have consistent names.
  *
- * you can call the method via the monster namespace `Monster.Types.isString()`.
+ * You can call the method via the monster namespace `Monster.Types.isString()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isString('2')) // ↦ true
- * console.log(Monster.Types.isString([])) // ↦ false
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isString('2') // ↦ true
+ * Monster.Types.isString([]) // ↦ false
  * </script>
  * ```
  *
@@ -1044,9 +1079,9 @@ function isBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {isString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isString('2'))  // ↦ true
- * console.log(isString([]))  // ↦ false
+ * import {isString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isString('2'))  // ↦ true
+ * isString([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1066,16 +1101,18 @@ function isString(value) {
   return true;
 }
 /**
- * checks whether the value passed is a object
+ * Checks whether the value passed is a object
+ * 
+ * This method is used in the library to have consistent names.
  *
- * you can call the method via the monster namespace `Monster.Types.isObject()`.
+ * You can call the method via the monster namespace `Monster.Types.isObject()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.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
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isObject('2') // ↦ false
+ * Monster.Types.isObject([]) // ↦ false
+ * Monster.Types.isObject({}) // ↦ true
  * </script>
  * ```
  *
@@ -1083,9 +1120,9 @@ function isString(value) {
  *
  * ```
  * <script type="module">
- * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isObject('2'))  // ↦ false
- * console.log(isObject([]))  // ↦ false
+ * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isObject('2'))  // ↦ false
+ * isObject([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1108,16 +1145,18 @@ function isObject(value) {
   return false;
 }
 /**
- * checks whether the value passed is a object and instance of instance
+ * Checks whether the value passed is a object and instance of instance.
+ * 
+ * This method is used in the library to have consistent names.
  *
  * you can call the method via the monster namespace `Monster.Types.isInstance()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.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
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isInstance('2') // ↦ false
+ * Monster.Types.isInstance([]) // ↦ false
+ * Monster.Types.isInstance({}) // ↦ true
  * </script>
  * ```
  *
@@ -1125,9 +1164,9 @@ function isObject(value) {
  *
  * ```
  * <script type="module">
- * import {isInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isInstance('2'))  // ↦ false
- * console.log(isInstance([]))  // ↦ false
+ * import {isInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isInstance('2'))  // ↦ false
+ * isInstance([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1147,15 +1186,17 @@ function isInstance(value, instance) {
   return value instanceof instance ? true : false;
 }
 /**
- * checks whether the value passed is a array
+ * Checks whether the value passed is a array
+ * 
+ * This method is used in the library to have consistent names. 
  *
  * you can call the method via the monster namespace `Monster.Types.isArray()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isArray('2')) // ↦ false
- * console.log(Monster.Types.isArray([])) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isArray('2') // ↦ false
+ * Monster.Types.isArray([]) // ↦ true
  * </script>
  * ```
  *
@@ -1163,9 +1204,9 @@ function isInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {isArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isArray('2'))  // ↦ false
- * console.log(isArray([]))  // ↦ true
+ * import {isArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isArray('2'))  // ↦ false
+ * isArray([]))  // ↦ true
  * </script>
  * ```
  *
@@ -1174,27 +1215,26 @@ function isInstance(value, instance) {
  * @since 1.0.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @see https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
  */
 
 
 function isArray(value) {
-  if (Array.isArray(value)) {
-    return true;
-  }
-
-  return false;
+  return Array.isArray(value);
 }
 /**
- * checks whether the value passed is a function
+ * Checks whether the value passed is a function
+ * 
+ * This method is used in the library to have consistent names. 
  *
  * you can call the method via the monster namespace `Monster.Types.isFunction()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.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
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isFunction(()=>{}) // ↦ true
+ * Monster.Types.isFunction('2') // ↦ false
+ * Monster.Types.isFunction([]) // ↦ false
  * </script>
  * ```
  *
@@ -1202,10 +1242,10 @@ function isArray(value) {
  *
  * ```
  * <script type="module">
- * import {isFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isFunction(()=>{})) // ↦ true
- * console.log(isFunction('2'))  // ↦ false
- * console.log(isFunction([]))  // ↦ false
+ * import {isFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isFunction(()=>{}) // ↦ true
+ * isFunction('2'))  // ↦ false
+ * isFunction([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1228,16 +1268,18 @@ function isFunction(value) {
   return false;
 }
 /**
- * checks whether the value passed is an integer
+ * Checks whether the value passed is an integer.
+ * 
+ * This method is used in the library to have consistent names. 
  *
- * you can call the method via the monster namespace `Monster.Types.isFunction()`.
+ * You can call the method via the monster namespace `Monster.Types.isFunction()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.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
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.Types.isInteger(()=>{}) // ↦ true
+ * Monster.Types.isInteger('2') // ↦ false
+ * Monster.Types.isInteger(2) // ↦ true
  * </script>
  * ```
  *
@@ -1245,10 +1287,10 @@ function isFunction(value) {
  *
  * ```
  * <script type="module">
- * import {isInteger} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
- * console.log(isInteger(()=>{})) // ↦ true
- * console.log(isInteger('2'))  // ↦ false
- * console.log(isInteger(2))  // ↦ true
+ * import {isInteger} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
+ * isInteger(()=>{}) // ↦ true
+ * isInteger('2'))  // ↦ false
+ * isInteger(2))  // ↦ true
  * </script>
  * ```
  *
@@ -1310,11 +1352,15 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * You can call the method via the monster namespace `new Monster.Constraint.IsObject()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/isobject.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Constraint.IsObject())
  * </script>
  * ```
@@ -1323,14 +1369,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/isobject.js';
+ * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/isobject.js';
  * console.log(new IsObject())
  * </script>
  * ```
  *
  * @example
  *
- * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/isobject.js';
+ * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/isobject.js';
  *
  * new IsObject()
  * .isValid({})
@@ -1346,6 +1392,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint to check if a value is an object
  */
 
 var IsObject = /*#__PURE__*/function (_AbstractConstraint) {
@@ -1424,11 +1471,15 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The OrOperator is used to link several constraints. The constraint is fulfilled if one of the constraints is fulfilled.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraint/oroperator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Constraint.OrOperator();
  * </script>
  * ```
@@ -1437,16 +1488,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraint/oroperator.js';
+ * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraint/oroperator.js';
  * new OrOperator();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/valid.js';
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/invalid.js';
- * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/oroperator.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/valid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/invalid.js';
+ * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/oroperator.js';
  *
  * new OrOperator(
  * new Valid(), new Invalid()).isValid()
@@ -1463,6 +1514,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A or operator 
  */
 
 var OrOperator = /*#__PURE__*/function (_AbstractOperator) {
@@ -1560,13 +1612,17 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The valid constraint allows an always valid query to be performed. this constraint is mainly intended for testing.
  *
  * You can call the method via the monster namespace `new Monster.Constraint.Valid()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/valid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Constraint.Valid();
  * </script>
  * ```
@@ -1575,14 +1631,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/valid.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/valid.js';
  * new Valid();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/constraints/valid.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/constraints/valid.js';
  *
  * new Valid().isValid()
  * .then(()=>console.log(true))
@@ -1592,6 +1648,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint that always valid
  */
 
 var Valid = /*#__PURE__*/function (_AbstractConstraint) {
@@ -1632,7 +1689,8 @@ var Valid = /*#__PURE__*/function (_AbstractConstraint) {
 __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; },
-/* harmony export */   "buildMap": function() { return /* binding */ buildMap; }
+/* harmony export */   "buildMap": function() { return /* binding */ buildMap; },
+/* harmony export */   "assembleParts": function() { return /* binding */ assembleParts; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
@@ -1689,7 +1747,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.25.0/dist/modules/data/buildmap.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Data.buildMap())
  * </script>
  * ```
@@ -1698,7 +1756,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.25.0/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/buildmap.js';
  * console.log(buildMap())
  * </script>
  * ```
@@ -1709,7 +1767,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * @example
  *
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/buildmap.js';
  * // a typical data structure as reported by an api
  *
  * let map;
@@ -1789,6 +1847,23 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 
 function buildMap(subject, selector, valueTemplate, keyTemplate, filter) {
+  return assembleParts(subject, selector, filter, function (v, k, m) {
+    k = build(v, keyTemplate, k);
+    v = build(v, valueTemplate);
+    this.set(k, v);
+  });
+}
+/**
+ * @private
+ * @param {*} subject
+ * @param {string|Monster.Data~exampleSelectorCallback} selector
+ * @param {Monster.Data~exampleFilterCallback} [filter]
+ * @param {function} callback
+ * @return {Map}
+ */
+
+
+function assembleParts(subject, selector, filter, callback) {
   var result = new Map();
   var map;
 
@@ -1814,9 +1889,7 @@ function buildMap(subject, selector, valueTemplate, keyTemplate, filter) {
       if (filter.call(m, v, k) !== true) return;
     }
 
-    k = build(v, keyTemplate, k);
-    v = build(v, valueTemplate);
-    result.set(k, v);
+    callback.call(result, v, k, m);
   });
   return result;
 }
@@ -1870,7 +1943,7 @@ function buildFlatMap(subject, selector, key, parentMap) {
           var kk = copyKey.join(_pathfinder_js__WEBPACK_IMPORTED_MODULE_4__.DELIMITER);
           var sub = buildFlatMap.call(result, o, parts.join(_pathfinder_js__WEBPACK_IMPORTED_MODULE_4__.DELIMITER), copyKey, o);
 
-          if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_1__.isObject)(sub)) {
+          if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_1__.isObject)(sub) && parentMap !== undefined) {
             sub['^'] = parentMap;
           }
 
@@ -1924,7 +1997,7 @@ function buildFlatMap(subject, selector, key, parentMap) {
  * 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.25.0/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/buildmap.js';
  *
  * let obj = {
  *                "data": [
@@ -2127,7 +2200,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateIterable('2')) // ↦ TypeError
  * console.log(Monster.Types.validateIterable([])) // ↦ value
  * </script>
@@ -2137,7 +2210,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateIterable('2'))  // ↦ TypeError
  * console.log(validateIterable([]))  // ↦ value
  * </script>
@@ -2168,7 +2241,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validatePrimitive('2')) // ↦ value
  * console.log(Monster.Types.validatePrimitive([])) // ↦ TypeError
  * </script>
@@ -2178,7 +2251,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validatePrimitive('2'))  // ↦ value
  * console.log(validatePrimitive([]))  // ↦ TypeError
  * </script>
@@ -2210,7 +2283,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateBoolean(true)) // ↦ value
  * console.log(Monster.Types.validateBoolean('2')) // ↦ TypeError
  * console.log(Monster.Types.validateBoolean([])) // ↦ TypeError
@@ -2221,7 +2294,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateBoolean(false))  // ↦ value
  * console.log(validateBoolean('2'))  // ↦ TypeError
  * console.log(validateBoolean([]))  // ↦ TypeError
@@ -2252,7 +2325,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateString('2')) // ↦ value
  * console.log(Monster.Types.validateString([])) // ↦ TypeError
  * </script>
@@ -2262,7 +2335,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateString('2'))  // ↦ value
  * console.log(validateString([]))  // ↦ TypeError
  * </script>
@@ -2291,7 +2364,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateObject({})) // ↦ value
  * console.log(Monster.Types.validateObject('2')) // ↦ TypeError
  * console.log(Monster.Types.validateObject([])) // ↦ TypeError
@@ -2302,7 +2375,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateObject({}))  // ↦ value
  * console.log(validateObject('2'))  // ↦ TypeError
  * console.log(validateObject([]))  // ↦ TypeError
@@ -2332,7 +2405,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateInstance({}, Object)) // ↦ value
  * console.log(Monster.Types.validateInstance('2', Object)) // ↦ TypeError
  * console.log(Monster.Types.validateInstance([], Object)) // ↦ TypeError
@@ -2343,7 +2416,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateInstance({}, Object)) // ↦ value
  * console.log(validateInstance('2', Object)) // ↦ TypeError
  * console.log(validateInstance([], Object)) // ↦ TypeError
@@ -2383,7 +2456,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateArray('2')) // ↦ TypeError
  * console.log(Monster.Types.validateArray([])) // ↦ value
  * </script>
@@ -2393,7 +2466,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateArray('2'))  // ↦ TypeError
  * console.log(validateArray([]))  // ↦ value
  * </script>
@@ -2422,7 +2495,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateSymbol('2')) // ↦ TypeError
  * console.log(Monster.Types.validateSymbol([])) // ↦ value
  * </script>
@@ -2432,7 +2505,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateSymbol('2'))  // ↦ TypeError
  * console.log(validateSymbol())  // ↦ value
  * </script>
@@ -2461,7 +2534,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateFunction(()=>{})) // ↦ value
  * console.log(Monster.Types.validateFunction('2')) // ↦ TypeError
  * console.log(Monster.Types.validateFunction([])) // ↦ TypeError
@@ -2472,7 +2545,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateFunction(()=>{})) // ↦ value
  * console.log(validateFunction('2'))  // ↦ TypeError
  * console.log(validateFunction([]))  // ↦ TypeError
@@ -2502,7 +2575,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.validateInteger(true)) // ↦ TypeError
  * console.log(Monster.Types.validateInteger('2')) // ↦ TypeError
  * console.log(Monster.Types.validateInteger(2)) // ↦ value
@@ -2513,7 +2586,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/validate.js';
  * console.log(validateInteger(true)) // ↦ TypeError
  * console.log(validateInteger('2'))  // ↦ TypeError
  * console.log(validateInteger(2))  // ↦ value
@@ -2579,7 +2652,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.25.0/dist/modules/util/clone.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Util.clone({})
  * </script>
  * ```
@@ -2588,7 +2661,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.25.0/dist/modules/util/clone.js';
+ * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/util/clone.js';
  * clone({})
  * </script>
  * ```
@@ -2800,7 +2873,7 @@ function getGlobal() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/global.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Types.getGlobalObject('document') 
  * // ↦ { }
  * </script>
@@ -2810,7 +2883,7 @@ function getGlobal() {
  *
  * ```
  * <script type="module">
- * import {getGlobalObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/global.js';
+ * import {getGlobalObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/global.js';
  * getGlobalObject('document') 
  * // ↦ { }
  * </script>
@@ -2842,7 +2915,7 @@ function getGlobalObject(name) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/global.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.getGlobalFunction('parseInt')) // ↦ f parseInt() { }
  * </script>
  * ```
@@ -2851,7 +2924,7 @@ function getGlobalObject(name) {
  *
  * ```
  * <script type="module">
- * import {getGlobalFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/global.js';
+ * import {getGlobalFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/global.js';
  * console.log(getGlobalFunction('parseInt')) // ↦ f parseInt() { }
  * </script>
  * ```
@@ -2902,7 +2975,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/typeof.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.typeOf())
  * </script>
  * ```
@@ -2911,14 +2984,14 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/typeof.js';
+ * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/typeof.js';
  * console.log(typeOf())
  * </script>
  * ```
  *
  * @example
  *
- * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/typeof.js';
+ * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/typeof.js';
  *
  * console.log(typeOf(undefined)); // ↦ undefined
  * console.log(typeOf("")); // ↦ string
@@ -3037,7 +3110,7 @@ var WILDCARD = '*';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/pathfinder.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Data.Pathfinder())
  * </script>
  * ```
@@ -3046,7 +3119,7 @@ var WILDCARD = '*';
  *
  * ```
  * <script type="module">
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/pathfinder.js';
  * console.log(new Pathfinder())
  * </script>
  * ```
@@ -3088,7 +3161,7 @@ var WILDCARD = '*';
  *
  * @example
  *
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/pathfinder.js';
  *
  * let value = new Pathfinder({
  * a: {
@@ -3114,7 +3187,7 @@ var WILDCARD = '*';
  *
  * @example
  *
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/pathfinder.js';
  *
  * let p = new Pathfinder({
  *                a: {
@@ -3529,7 +3602,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/stack.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.Stack())
  * </script>
  * ```
@@ -3538,7 +3611,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/stack.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/stack.js';
  * console.log(new Stack())
  * </script>
  * ```
@@ -3673,7 +3746,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.25.0/dist/modules/data/diff.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Data.Diff(a, b)
  * </script>
  * ```
@@ -3682,14 +3755,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.25.0/dist/modules/data/diff.js';
+ * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/diff.js';
  * Diff(a, b)
  * </script>
  * ```
  *
  * @example
  *
- * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/diff.js';
+ * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/diff.js';
  *
  * // given are two objects x and y.
  *
@@ -3935,7 +4008,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/extend.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Data.extend(a, b)
  * </script>
  * ```
@@ -3944,7 +4017,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {extend} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/extend.js';
+ * import {extend} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/extend.js';
  * extend(a, b)
  * </script>
  * ```
@@ -4073,7 +4146,7 @@ var DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/pipe.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Data.Pipe()
  * </script>
  * ```
@@ -4082,7 +4155,7 @@ var DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/pipe.js';
  * new Pipe()
  * </script>
  * ```
@@ -4093,7 +4166,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.25.0/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/pipe.js';
  *
  * let obj = {
  *    a: {
@@ -4255,7 +4328,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/transformer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Data.Transformer()
  * </script>
  * ```
@@ -4264,7 +4337,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/transformer.js';
  * new Transformer()
  * </script>
  * ```
@@ -4350,7 +4423,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/data/transformer.js';
  *
  * const transformer = new Transformer("tolower")
  *
@@ -4883,7 +4956,7 @@ var internalCounter = new Map();
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/id.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.ID())
  * </script>
  * ```
@@ -4892,7 +4965,7 @@ var internalCounter = new Map();
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/id.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/id.js';
  * console.log(new ID())
  * </script>
  * ```
@@ -4902,6 +4975,7 @@ var internalCounter = new Map();
  * @since 1.0.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @summary Automatic generation of ids
  */
 
 var ID = /*#__PURE__*/function (_Base) {
@@ -4910,7 +4984,9 @@ var ID = /*#__PURE__*/function (_Base) {
   var _super = _createSuper(ID);
 
   /**
-   * create new object
+   * create new id with prefix
+   *
+   * @param {string} prefix
    */
   function ID(prefix) {
     var _this;
@@ -5012,7 +5088,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/assembler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.DOM.Assembler())
  * </script>
  * ```
@@ -5021,7 +5097,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/assembler.js';
+ * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/assembler.js';
  * console.log(new Assembler())
  * </script>
  * ```
@@ -5162,7 +5238,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/proxyobserver.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.ProxyObserver()
  * </script>
  * ```
@@ -5171,7 +5247,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/proxyobserver.js';
+ * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/proxyobserver.js';
  * new ProxyObserver()
  * </script>
  * ```
@@ -5182,9 +5258,9 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/proxyobserver.js';
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/observer.js';
- * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/is.js';
+ * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/proxyobserver.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/observer.js';
+ * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/is.js';
  *
  * const o = new Observer(function () { 
  *   if (isObject(this) && this instanceof ProxyObserver) {
@@ -5510,7 +5586,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/observer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.Observer())
  * </script>
  * ```
@@ -5519,7 +5595,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/observer.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/observer.js';
  * console.log(new Observer())
  * </script>
  * ```
@@ -5553,7 +5629,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/observer.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/observer.js';
  *
  * const observer = new Observer(function(a, b, c) {
  *      console.log(this, a, b, c); // ↦ "a", 2, true 
@@ -5753,7 +5829,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/tokenlist.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.TokenList("myclass row")
  * </script>
  * ```
@@ -5762,7 +5838,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {TokenList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/tokenlist.js';
+ * import {TokenList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/tokenlist.js';
  * new TokenList("myclass row")
  * </script>
  * ```
@@ -6185,7 +6261,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/uniquequeue.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.UniqueQueue()
  * </script>
  * ```
@@ -6194,7 +6270,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {UniqueQueue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/uniquequeue.js';
+ * import {UniqueQueue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/uniquequeue.js';
  * new UniqueQueue()
  * </script>
  * ```
@@ -6325,11 +6401,11 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
- * You can call the method via the monster namespace `new Monster.Types.Queue()`.
+ * You can create the instance via the monster namespace `new Monster.Types.Queue()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/queue.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.Queue()
  * </script>
  * ```
@@ -6338,14 +6414,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/queue.js';
+ * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/queue.js';
  * new Queue()
  * </script>
  * ```
  *
  * @example
  *
- * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/queue.js';
+ * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/queue.js';
  *
  * const queue = new Queue;
  *
@@ -6514,7 +6590,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/observerlist.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.ObserverList())
  * console.log(new Monster.Types.ObserverList())
  * </script>
@@ -6524,7 +6600,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ObserverList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/observerlist.js';
+ * import {ObserverList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/observerlist.js';
  * console.log(ObserverList())
  * console.log(ObserverList())
  * </script>
@@ -6656,7 +6732,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "addAttributeToken": function() { return /* binding */ addAttributeToken; },
 /* harmony export */   "toggleAttributeToken": function() { return /* binding */ toggleAttributeToken; },
 /* harmony export */   "getLinkedObjects": function() { return /* binding */ getLinkedObjects; },
-/* harmony export */   "findClosestObjectLink": function() { return /* binding */ findClosestObjectLink; }
+/* harmony export */   "findClosestObjectLink": function() { return /* binding */ findClosestObjectLink; },
+/* harmony export */   "findClosestByClass": function() { return /* binding */ findClosestByClass; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
@@ -6683,7 +6760,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.DOM.findClosestObjectLink())
  * </script>
  * ```
@@ -6692,7 +6769,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/updater.js';
+ * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/updater.js';
  * console.log(findClosestObjectLink())
  * </script>
  * ```
@@ -6713,7 +6790,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.addToObjectLink();
  * </script>
  * ```
@@ -6722,7 +6799,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * addToObjectLink();
  * </script>
  * ```
@@ -6754,7 +6831,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.removeObjectLink();
  * </script>
  * ```
@@ -6763,7 +6840,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * removeObjectLink();
  * </script>
  * ```
@@ -6794,7 +6871,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.hasObjectLink();
  * </script>
  * ```
@@ -6803,7 +6880,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * hasObjectLink();
  * </script>
  * ```
@@ -6839,7 +6916,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.getLinkedObjects();
  * </script>
  * ```
@@ -6848,7 +6925,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * getLinkedObjects();
  * </script>
  * ```
@@ -6882,7 +6959,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.toggleAttributeToken();
  * </script>
  * ```
@@ -6891,7 +6968,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * toggleAttributeToken();
  * </script>
  * ```
@@ -6926,7 +7003,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.addAttributeToken();
  * </script>
  * ```
@@ -6935,7 +7012,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * addAttributeToken();
  * </script>
  * ```
@@ -6972,7 +7049,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.removeAttributeToken();
  * </script>
  * ```
@@ -6981,7 +7058,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * removeAttributeToken();
  * </script>
  * ```
@@ -7017,7 +7094,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.containsAttributeToken();
  * </script>
  * ```
@@ -7026,7 +7103,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * containsAttributeToken();
  * </script>
  * ```
@@ -7059,7 +7136,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.replaceAttributeToken();
  * </script>
  * ```
@@ -7068,7 +7145,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * replaceAttributeToken();
  * </script>
  * ```
@@ -7104,7 +7181,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.clearAttributeTokens();
  * </script>
  * ```
@@ -7113,7 +7190,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * clearAttributeTokens();
  * </script>
  * ```
@@ -7139,11 +7216,29 @@ function clearAttributeTokens(element, key) {
   return element;
 }
 /**
+ * This function searches, starting from an `HTMLElemement`, for the next element that has a certain attribute.
+ *
+ * ```html
+ * <div data-my-attribute="2" id="2">
+ *     <div id="1"></div>
+ * </div>
+ * ```
+ *
+ * ```javascript
+ * // if no value is specified (undefined), then only the attribute is checked.
+ * findClosestByAttribute(document.getElementById('1'),'data-my-attribute'); // ↦ node with id 2
+ * findClosestByAttribute(document.getElementById('2'),'data-my-attribute'); // ↦ node with id 2
+ *
+ * // if a value is specified, for example an empty string, then the name and the value are checked.
+ * findClosestByAttribute(document.getElementById('1'),'data-my-attribute', '');  // ↦ undefined
+ * findClosestByAttribute(document.getElementById('1'),'data-my-attribute', '2'); // ↦ node with id 2
+ * ```
+ *
  * You can call the method via the monster namespace `new Monster.DOM.findClosestByAttribute()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.findClosestByAttribute();
  * </script>
  * ```
@@ -7152,7 +7247,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/attributes.js';
+ * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
  * findClosestByAttribute();
  * </script>
  * ```
@@ -7164,14 +7259,21 @@ function clearAttributeTokens(element, key) {
  * @param {string} key
  * @param {string|undefined} value
  * @return {HTMLElement|undefined}
+ * @summary find closest node
  */
 
 
 function findClosestByAttribute(element, key, value) {
   (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateInstance)(element, (0,_types_global_js__WEBPACK_IMPORTED_MODULE_1__.getGlobalFunction)('HTMLElement'));
 
-  if (element.hasAttribute(key) && element.getAttribute(key) === value) {
-    return element;
+  if (element.hasAttribute(key)) {
+    if (value === undefined) {
+      return element;
+    }
+
+    if (element.getAttribute(key) === value) {
+      return element;
+    }
   }
 
   var selector = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(key);
@@ -7182,11 +7284,71 @@ function findClosestByAttribute(element, key, value) {
     return result;
   }
 
+  return undefined;
+}
+/**
+ * This function searches, starting from an `HTMLElemement`, for the next element that has a certain attribute.
+ *
+ * ```html
+ * <div class="myclass" id="2">
+ *     <div id="1"></div>
+ * </div>
+ * ```
+ *
+ * ```javascript
+ * // if no value is specified (undefined), then only the attribute is checked.
+ * findClosestByClass(document.getElementById('1'),'myclass'); // ↦ node with id 2
+ * findClosestByClass(document.getElementById('2'),'myclass'); // ↦ node with id 2
+ * ```
+ *
+ * You can call the method via the monster namespace `new Monster.DOM.findClosestByClass()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * Monster.DOM.findClosestByClass();
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {findClosestByClass} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/attributes.js';
+ * findClosestByClass();
+ * </script>
+ * ```
+ *
+ * @since 1.27.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.DOM
+ * @param {HTMLElement} element
+ * @param {string} className
+ * @return {HTMLElement|undefined}
+ * @summary find closest node
+ */
+
+
+function findClosestByClass(element, className) {
+  var _element$classList;
+
+  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateInstance)(element, (0,_types_global_js__WEBPACK_IMPORTED_MODULE_1__.getGlobalFunction)('HTMLElement'));
+
+  if (element !== null && element !== void 0 && (_element$classList = element.classList) !== null && _element$classList !== void 0 && _element$classList.contains((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(className))) {
+    return element;
+  }
+
+  var result = element.closest('.' + className);
+
+  if (result instanceof HTMLElement) {
+    return result;
+  }
+
   return undefined;
 } // exports
 
 
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', findClosestByClass, getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
 
 
 /***/ }),
@@ -7244,7 +7406,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ATTRIBUTE_DISABLED": function() { return /* binding */ ATTRIBUTE_DISABLED; },
 /* harmony export */   "ATTRIBUTE_ERRORMESSAGE": function() { return /* binding */ ATTRIBUTE_ERRORMESSAGE; },
 /* harmony export */   "ATTRIBUTE_VALUE": function() { return /* binding */ ATTRIBUTE_VALUE; },
-/* harmony export */   "objectUpdaterLinkSymbol": function() { return /* binding */ objectUpdaterLinkSymbol; }
+/* harmony export */   "objectUpdaterLinkSymbol": function() { return /* binding */ objectUpdaterLinkSymbol; },
+/* harmony export */   "ATTRIBUTE_TEMPLATE_PREFIX": function() { return /* binding */ ATTRIBUTE_TEMPLATE_PREFIX; },
+/* harmony export */   "ATTRIBUTE_UPDATER_SELECT_THIS": function() { return /* binding */ ATTRIBUTE_UPDATER_SELECT_THIS; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 
@@ -7297,6 +7461,13 @@ var ATTRIBUTE_THEME_NAME = ATTRIBUTE_THEME_PREFIX + 'name';
  */
 
 var ATTRIBUTE_UPDATER_ATTRIBUTES = ATTRIBUTE_PREFIX + 'attributes';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.27.1
+ */
+
+var ATTRIBUTE_UPDATER_SELECT_THIS = ATTRIBUTE_PREFIX + 'select-this';
 /**
  * @memberOf Monster.DOM
  * @type {string}
@@ -7332,6 +7503,13 @@ var ATTRIBUTE_UPDATER_REMOVE = ATTRIBUTE_PREFIX + 'remove';
  */
 
 var ATTRIBUTE_UPDATER_BIND = ATTRIBUTE_PREFIX + 'bind';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.27.0
+ */
+
+var ATTRIBUTE_TEMPLATE_PREFIX = ATTRIBUTE_PREFIX + 'template-prefix';
 /**
  * @memberOf Monster.DOM
  * @type {string}
@@ -7670,7 +7848,7 @@ var attachedInternalSymbol = Symbol('attachedInternal');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/customcontrol.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * document.createElement('monster-')
  * </script>
  * ```
@@ -8205,7 +8383,7 @@ var attributeObserverSymbol = Symbol('attributeObserver');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/customelement.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * document.createElement('monster-')
  * </script>
  * ```
@@ -9071,7 +9249,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/dataurl.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.DataUrl()
  * </script>
  * ```
@@ -9080,7 +9258,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {DataUrl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/dataurl.js';
+ * import {DataUrl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/dataurl.js';
  * new DataUrl()
  * </script>
  * ```
@@ -9160,7 +9338,7 @@ var DataUrl = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/dataurl.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.parseDataURL())
  * </script>
  * ```
@@ -9169,7 +9347,7 @@ var DataUrl = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {parseDataURL} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/dataurl.js';
+ * import {parseDataURL} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/dataurl.js';
  * console.log(parseDataURL())
  * </script>
  * ```
@@ -9307,7 +9485,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/mediatype.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.MediaType())
  * </script>
  * ```
@@ -9316,7 +9494,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {MediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/mediatype.js';
+ * import {MediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/mediatype.js';
  * console.log(new MediaType())
  * </script>
  * ```
@@ -9434,7 +9612,7 @@ var MediaType = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/dataurl.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.Types.parseMediaType())
  * </script>
  * ```
@@ -9443,7 +9621,7 @@ var MediaType = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {parseMediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/dataurl.js';
+ * import {parseMediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/dataurl.js';
  * console.log(parseMediaType())
  * </script>
  * ```
@@ -9542,7 +9720,8 @@ __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__(39);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33);
+/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39);
 
 /**
  * @author schukai GmbH
@@ -9575,12 +9754,13 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
+
 /**
  * you can call the method via the monster namespace `new Monster.DOM.Template()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.DOM.Template()
  * </script>
  * ```
@@ -9589,7 +9769,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/template.js';
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/template.js';
  * new Template()
  * </script>
  * ```
@@ -9660,14 +9840,14 @@ var Template = /*#__PURE__*/function (_Base) {
  *
  * 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. 
+ * 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.25.0/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.DOM.findDocumentTemplate()
  * </script>
  * ```
@@ -9676,14 +9856,14 @@ var Template = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/template.js';
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/template.js';
  * findDocumentTemplate()
  * </script>
  * ```
  *
  * @example
  *
- * import { findDocumentTemplate } from "https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/template.js";
+ * import { findDocumentTemplate } from "https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/template.js";
  *
  * const template = document.createElement("template");
  * template.id = "myTemplate";
@@ -9704,8 +9884,8 @@ var Template = /*#__PURE__*/function (_Base) {
  * document
  * .querySelector("html")
  * .setAttribute("data-monster-theme-name", "myTheme");
- * 
- * // now we don't get the default template, 
+ *
+ * // now we don't get the default template,
  * // but the template with the theme in the id
  * const template2 = findDocumentTemplate("myTemplate");
  * console.log(template2.createDocumentFragment());
@@ -9724,9 +9904,18 @@ var Template = /*#__PURE__*/function (_Base) {
 
 function findDocumentTemplate(id, currentNode) {
   (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(id);
+  var document = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalObject)('document');
+  var HTMLTemplateElement = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('HTMLTemplateElement');
+  var DocumentFragment = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('DocumentFragment');
+  var Document = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('Document');
+  var prefixID;
 
   if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
     if (currentNode instanceof Node) {
+      if (currentNode.hasAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_TEMPLATE_PREFIX)) {
+        prefixID = currentNode.getAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_TEMPLATE_PREFIX);
+      }
+
       currentNode = currentNode.getRootNode();
 
       if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
@@ -9735,27 +9924,57 @@ function findDocumentTemplate(id, currentNode) {
     }
 
     if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
-      currentNode = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalObject)('document');
+      currentNode = document;
     }
   }
 
-  var HTMLTemplateElement = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('HTMLTemplateElement');
-  var theme = (0,_theme_js__WEBPACK_IMPORTED_MODULE_4__.getDocumentTheme)();
-  var themedID = id + '-' + theme.getName();
-  var template = currentNode.getElementById(themedID);
+  var template;
+  var theme = (0,_theme_js__WEBPACK_IMPORTED_MODULE_5__.getDocumentTheme)();
+
+  if (prefixID) {
+    var themedPrefixID = prefixID + '-' + id + '-' + theme.getName(); // current + themedPrefixID
+
+    template = currentNode.getElementById(themedPrefixID);
+
+    if (template instanceof HTMLTemplateElement) {
+      return new Template(template);
+    } // document + themedPrefixID
+
+
+    template = document.getElementById(themedPrefixID);
+
+    if (template instanceof HTMLTemplateElement) {
+      return new Template(template);
+    }
+  }
+
+  var themedID = id + '-' + theme.getName(); // current + themedID
+
+  template = currentNode.getElementById(themedID);
 
   if (template instanceof HTMLTemplateElement) {
     return new Template(template);
-  }
+  } // document + themedID
+
+
+  template = document.getElementById(themedID);
+
+  if (template instanceof HTMLTemplateElement) {
+    return new Template(template);
+  } // current + ID
+
 
   template = currentNode.getElementById(id);
 
   if (template instanceof HTMLTemplateElement) {
     return new Template(template);
-  }
+  } // document + ID
+
+
+  template = document.getElementById(id);
 
-  if (currentNode !== (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalObject)('document')) {
-    return findDocumentTemplate(id);
+  if (template instanceof HTMLTemplateElement) {
+    return new Template(template);
   }
 
   throw new Error("template " + id + " not found.");
@@ -9816,7 +10035,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -9825,14 +10044,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
  *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());
@@ -9922,23 +10141,25 @@ function getDocumentTheme() {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_4__.Monster; },
+/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_5__.Monster; },
 /* harmony export */   "Updater": function() { return /* binding */ Updater; }
 /* harmony export */ });
-/* harmony import */ var _data_diff_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
-/* harmony import */ var _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18);
-/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22);
-/* harmony import */ var _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33);
-/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2);
-/* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4);
-/* 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 _util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41);
-/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(38);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(42);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+/* harmony import */ var _data_diff_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18);
+/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22);
+/* harmony import */ var _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33);
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2);
+/* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4);
+/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
+/* harmony import */ var _types_observer_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27);
+/* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(26);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(14);
+/* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(15);
+/* harmony import */ var _util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(41);
+/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(42);
+/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(38);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(43);
 
 /**
  * @author schukai GmbH
@@ -10002,17 +10223,22 @@ 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.
  *
  * 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}.
  *
+ * Changes to attributes are made only when the direct values are changed. If you want to assign changes to other values
+ * as well, you have to insert the attribute `data-monster-select-this`. This should be done with care, as it can reduce performance.
+ *
  * You can create an object of this class using the monster namespace `new Monster.DOM.Updater()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.DOM.Updater()
  * </script>
  * ```
@@ -10021,14 +10247,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/updater.js';
  * new Updater()
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.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.
@@ -10042,7 +10268,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * let obj = {
  *    headline: "Hello World",
  * };
- * 
+ *
  * // Now comes the real magic. we pass the updater the parent HTMLElement
  * // and the desired data structure.
  * const updater = new Updater(body, obj);
@@ -10087,28 +10313,27 @@ var Updater = /*#__PURE__*/function (_Base) {
      * @type {HTMLElement}
      */
 
-    _this.element = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateInstance)(element, HTMLElement);
     if (subject === undefined) subject = {};
-    var a = subject;
 
-    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isInstance)(subject, _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__.ProxyObserver)) {
-      subject = new _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__.ProxyObserver(subject);
+    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isInstance)(subject, _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_9__.ProxyObserver)) {
+      subject = new _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_9__.ProxyObserver(subject);
     }
 
-    _this.last = {};
-    _this.callbacks = new Map();
-
-    _this.callbacks.set('checkstate', getCheckStateCallback.call(_assertThisInitialized(_this)));
-    /**
-     * @type {object}
-     */
+    _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol] = {
+      element: (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_10__.validateInstance)(element, HTMLElement),
+      last: {},
+      callbacks: new Map(),
+      eventTypes: ['keyup', 'click', 'change', 'drop', 'touchend', 'input'],
+      subject: subject
+    };
 
+    _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.set('checkstate', getCheckStateCallback.call(_assertThisInitialized(_this)));
 
-    _this.subject = subject.attachObserver(new _types_observer_js__WEBPACK_IMPORTED_MODULE_7__.Observer(function () {
-      var s = _this.subject.getRealSubject();
+    _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.attachObserver(new _types_observer_js__WEBPACK_IMPORTED_MODULE_8__.Observer(function () {
+      var s = _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
 
-      var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_0__.diff)(_this.last, s);
-      _this.last = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(s);
+      var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_1__.diff)(_this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].last, s);
+      _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].last = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(s);
 
       for (var _i = 0, _Object$entries = Object.entries(diffResult); _i < _Object$entries.length; _i++) {
         var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -10120,7 +10345,7 @@ var Updater = /*#__PURE__*/function (_Base) {
         updateAttributes.call(_assertThisInitialized(_this), change);
       }
     }));
-    _this.eventTypes = ['keyup', 'click', 'change', 'drop', 'touchend', 'input'];
+
     return _this;
   }
   /**
@@ -10136,7 +10361,7 @@ var Updater = /*#__PURE__*/function (_Base) {
   _createClass(Updater, [{
     key: "setEventTypes",
     value: function setEventTypes(types) {
-      this.eventTypes = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateArray)(types);
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].eventTypes = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_10__.validateArray)(types);
       return this;
     }
     /**
@@ -10150,6 +10375,7 @@ var Updater = /*#__PURE__*/function (_Base) {
      *
      * @since 1.9.0
      * @return {Updater}
+     * @throws {Error} the bind argument must start as a value with a path
      */
 
   }, {
@@ -10157,13 +10383,17 @@ var Updater = /*#__PURE__*/function (_Base) {
     value: function enableEventProcessing() {
       this.disableEventProcessing();
 
-      var _iterator = _createForOfIteratorHelper(this.eventTypes),
+      var _iterator = _createForOfIteratorHelper(this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].eventTypes),
           _step;
 
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var type = _step.value;
-          this.element.addEventListener(type, getControlEventHandler.call(this));
+          // @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
+          this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.addEventListener(type, getControlEventHandler.call(this), {
+            capture: true,
+            passive: true
+          });
         }
       } catch (err) {
         _iterator.e(err);
@@ -10183,13 +10413,13 @@ var Updater = /*#__PURE__*/function (_Base) {
   }, {
     key: "disableEventProcessing",
     value: function disableEventProcessing() {
-      var _iterator2 = _createForOfIteratorHelper(this.eventTypes),
+      var _iterator2 = _createForOfIteratorHelper(this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].eventTypes),
           _step2;
 
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var type = _step2.value;
-          this.element.removeEventListener(type, getControlEventHandler.call(this));
+          this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.removeEventListener(type, getControlEventHandler.call(this));
         }
       } catch (err) {
         _iterator2.e(err);
@@ -10218,10 +10448,23 @@ var Updater = /*#__PURE__*/function (_Base) {
     value: function run() {
       // the key __init__has no further meaning and is only 
       // used to create the diff for empty objects.
-      this.last = {
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].last = {
         '__init__': true
       };
-      return this.subject.notifyObservers();
+      return this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.notifyObservers();
+    }
+    /**
+     * Gets the values of bound elements and changes them in subject
+     *
+     * @since 1.27.0
+     * @return {Monster.DOM.Updater}
+     */
+
+  }, {
+    key: "retrieve",
+    value: function retrieve() {
+      retrieveFromBindings.call(this);
+      return this;
     }
     /**
      * If you have passed a ProxyObserver in the constructor, you will get the object that the ProxyObserver manages here.
@@ -10236,7 +10479,7 @@ var Updater = /*#__PURE__*/function (_Base) {
   }, {
     key: "getSubject",
     value: function getSubject() {
-      return this.subject.getSubject();
+      return this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getSubject();
     }
     /**
      * This method can be used to register commands that can be called via call: instruction.
@@ -10252,13 +10495,13 @@ var Updater = /*#__PURE__*/function (_Base) {
   }, {
     key: "setCallback",
     value: function setCallback(name, callback) {
-      this.callbacks.set(name, callback);
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.set(name, callback);
       return this;
     }
   }]);
 
   return Updater;
-}(_types_base_js__WEBPACK_IMPORTED_MODULE_5__.Base);
+}(_types_base_js__WEBPACK_IMPORTED_MODULE_6__.Base);
 /**
  * @private
  * @since 1.9.0
@@ -10270,12 +10513,13 @@ var Updater = /*#__PURE__*/function (_Base) {
 function getCheckStateCallback() {
   var self = this;
   return function (current) {
+    // this is a reference to the current object (therefore no array function here)
     if (this instanceof HTMLInputElement) {
       if (['radio', 'checkbox'].indexOf(this.type) !== -1) {
         return this.value + "" === current + "" ? 'true' : undefined;
       }
     } else if (this instanceof HTMLOptionElement) {
-      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(current) && current.indexOf(this.value) !== -1) {
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(current) && current.indexOf(this.value) !== -1) {
         return 'true';
       }
 
@@ -10293,6 +10537,7 @@ var symbol = Symbol('EventHandler');
  * @private
  * @return {function}
  * @this Updater
+ * @throws {Error} the bind argument must start as a value with a path
  */
 
 function getControlEventHandler() {
@@ -10301,97 +10546,112 @@ function getControlEventHandler() {
   if (self[symbol]) {
     return self[symbol];
   }
-
-  var pathfinder = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_1__.Pathfinder(this.subject.getSubject());
   /**
    * @throws {Error} the bind argument must start as a value with a path.
    * @throws {Error} unsupported object
    * @param {Event} event
    */
 
-  self[symbol] = function (event) {
-    var _element$constructor, _Object$getOwnPropert;
 
-    var element = event.target;
+  self[symbol] = function (event) {
+    var element = (0,_events_js__WEBPACK_IMPORTED_MODULE_13__.findTargetElementFromEvent)(event, _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND);
 
-    if (!element.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_BIND)) {
+    if (element === undefined) {
       return;
     }
 
-    var path = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_BIND);
+    retrieveAndSetValue.call(self, element);
+  };
 
-    if (path.indexOf('path:') !== 0) {
-      throw new Error('the bind argument must start as a value with a path.');
-    }
+  return self[symbol];
+}
+/**
+ * @throws {Error} the bind argument must start as a value with a path
+ * @param {HTMLElement} element
+ * @return void
+ */
 
-    path = path.substr(5);
-    var value;
 
-    if (element instanceof HTMLInputElement) {
-      switch (element.type) {
-        case 'checkbox':
-          value = element.checked ? element.value : undefined;
-          break;
+function retrieveAndSetValue(element) {
+  var _element$constructor, _Object$getOwnPropert;
 
-        default:
-          value = element.value;
-          break;
-      }
-    } else if (element instanceof HTMLTextAreaElement) {
-      value = element.value;
-    } else if (element instanceof HTMLSelectElement) {
-      switch (element.type) {
-        case 'select-one':
-          value = element.value;
-          break;
-
-        case 'select-multiple':
-          value = element.value;
-          var options = element === null || element === void 0 ? void 0 : element.selectedOptions;
-          if (options === undefined) options = element.querySelectorAll(":scope option:checked");
-          value = Array.from(options).map(function (_ref) {
-            var value = _ref.value;
-            return value;
-          });
-          break;
-      } // values from customelements 
+  var self = this;
+  var pathfinder = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__.Pathfinder(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getSubject());
+  var path = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND);
 
-    } else if (element !== null && element !== void 0 && (_element$constructor = element.constructor) !== null && _element$constructor !== void 0 && _element$constructor.prototype && !!((_Object$getOwnPropert = Object.getOwnPropertyDescriptor(element.constructor.prototype, 'value')) !== null && _Object$getOwnPropert !== void 0 && _Object$getOwnPropert['get']) || element.hasOwnProperty('value')) {
-      value = element === null || element === void 0 ? void 0 : element['value'];
-    } else {
-      throw new Error("unsupported object");
-    }
+  if (path.indexOf('path:') !== 0) {
+    throw new Error('the bind argument must start as a value with a path');
+  }
+
+  path = path.substr(5);
+  var value;
 
-    var copy = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(self.subject.getRealSubject());
-    var pf = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_1__.Pathfinder(copy);
-    pf.setVia(path, value);
-    var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_0__.diff)(copy, self.subject.getRealSubject());
+  if (element instanceof HTMLInputElement) {
+    switch (element.type) {
+      case 'checkbox':
+        value = element.checked ? element.value : undefined;
+        break;
 
-    if (diffResult.length > 0) {
-      pathfinder.setVia(path, value);
+      default:
+        value = element.value;
+        break;
     }
-  };
+  } else if (element instanceof HTMLTextAreaElement) {
+    value = element.value;
+  } else if (element instanceof HTMLSelectElement) {
+    switch (element.type) {
+      case 'select-one':
+        value = element.value;
+        break;
 
-  return self[symbol];
+      case 'select-multiple':
+        value = element.value;
+        var options = element === null || element === void 0 ? void 0 : element.selectedOptions;
+        if (options === undefined) options = element.querySelectorAll(":scope option:checked");
+        value = Array.from(options).map(function (_ref) {
+          var value = _ref.value;
+          return value;
+        });
+        break;
+    } // values from customelements 
+
+  } else if (element !== null && element !== void 0 && (_element$constructor = element.constructor) !== null && _element$constructor !== void 0 && _element$constructor.prototype && !!((_Object$getOwnPropert = Object.getOwnPropertyDescriptor(element.constructor.prototype, 'value')) !== null && _Object$getOwnPropert !== void 0 && _Object$getOwnPropert['get']) || element.hasOwnProperty('value')) {
+    value = element === null || element === void 0 ? void 0 : element['value'];
+  } else {
+    throw new Error("unsupported object");
+  }
+
+  var copy = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject());
+  var pf = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__.Pathfinder(copy);
+  pf.setVia(path, value);
+  var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_1__.diff)(copy, self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject());
+
+  if (diffResult.length > 0) {
+    pathfinder.setVia(path, value);
+  }
 }
 /**
- * @private
- * @since 1.8.0
- * @param {object} change
- * @return {void}
+ * @since 1.27.0
+ * @return void
  */
 
 
-function removeElement(change) {
-  var _iterator3 = _createForOfIteratorHelper(this.element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REMOVE + ']').entries()),
+function retrieveFromBindings() {
+  var self = this;
+
+  if (self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.matches('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND + ']')) {
+    retrieveAndSetValue.call(self, element);
+  }
+
+  var _iterator3 = _createForOfIteratorHelper(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND + ']').entries()),
       _step3;
 
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var _step3$value = _slicedToArray(_step3.value, 2),
-          element = _step3$value[1];
+          _element = _step3$value[1];
 
-      element.parentNode.removeChild(element);
+      retrieveAndSetValue.call(self, _element);
     }
   } catch (err) {
     _iterator3.e(err);
@@ -10399,6 +10659,33 @@ function removeElement(change) {
     _iterator3.f();
   }
 }
+/**
+ * @private
+ * @since 1.8.0
+ * @param {object} change
+ * @return {void}
+ */
+
+
+function removeElement(change) {
+  var self = this;
+
+  var _iterator4 = _createForOfIteratorHelper(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REMOVE + ']').entries()),
+      _step4;
+
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var _step4$value = _slicedToArray(_step4.value, 2),
+          _element2 = _step4$value[1];
+
+      _element2.parentNode.removeChild(_element2);
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+}
 /**
  * @private
  * @since 1.8.0
@@ -10416,56 +10703,56 @@ function insertElement(change) {
   var _this2 = this;
 
   var self = this;
-  var subject = self.subject.getRealSubject();
-  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_13__.getDocument)();
+  var subject = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
+  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_15__.getDocument)();
   var mem = new WeakSet();
   var wd = 0;
 
   while (true) {
     var found = false;
     wd++;
-    var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(change === null || change === void 0 ? void 0 : change['path']);
-    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(p)) return this;
+    var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(change === null || change === void 0 ? void 0 : change['path']);
+    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(p)) return this;
 
     while (p.length > 0) {
       var current = p.join('.');
-      var list = this.element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT + '*="path:' + current + '"]').entries();
+      var list = this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT + '*="path:' + current + '"]').entries();
 
-      var _iterator4 = _createForOfIteratorHelper(list),
-          _step4;
+      var _iterator5 = _createForOfIteratorHelper(list),
+          _step5;
 
       try {
         var _loop = function _loop() {
-          var _step4$value = _slicedToArray(_step4.value, 2),
-              containerElement = _step4$value[1];
+          var _step5$value = _slicedToArray(_step5.value, 2),
+              containerElement = _step5$value[1];
 
           if (mem.has(containerElement)) return "continue";
           mem.add(containerElement);
           found = true;
-          var attributes = containerElement.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT);
-          var def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(attributes);
+          var attributes = containerElement.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT);
+          var def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(attributes);
           var i = def.indexOf(' ');
-          var key = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(0, i));
+          var key = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(0, i));
           var refPrefix = key + '-';
-          var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(i)); // this case is actually excluded by the query but is nevertheless checked again here
+          var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(i)); // this case is actually excluded by the query but is nevertheless checked again here
 
           if (cmd.indexOf('|') > 0) {
             throw new Error("pipes are not allowed when cloning a node.");
           }
 
-          var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(cmd);
+          var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__.Pipe(cmd);
 
-          _this2.callbacks.forEach(function (f, n) {
+          _this2[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.forEach(function (f, n) {
             pipe.setCallback(n, f);
           });
 
           var value = void 0;
 
           try {
-            containerElement.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE);
+            containerElement.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE);
             value = pipe.run(subject);
           } catch (e) {
-            containerElement.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE, e.message);
+            containerElement.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE, e.message);
           }
 
           var dataPath = cmd.split(':').pop();
@@ -10475,7 +10762,7 @@ function insertElement(change) {
             insertPoint = containerElement.lastChild;
           }
 
-          if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isIterable)(value)) {
+          if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isIterable)(value)) {
             throw new Error('the value is not iterable');
           }
 
@@ -10489,7 +10776,7 @@ function insertElement(change) {
             var ref = refPrefix + _i3;
             var currentPath = dataPath + "." + _i3;
             available.add(ref);
-            var refElement = containerElement.querySelector('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '="' + ref + '"]');
+            var refElement = containerElement.querySelector('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '="' + ref + '"]');
 
             if (refElement instanceof HTMLElement) {
               insertPoint = refElement;
@@ -10499,27 +10786,27 @@ function insertElement(change) {
             appendNewDocumentFragment(containerElement, key, ref, currentPath);
           }
 
-          var nodes = containerElement.querySelectorAll('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '*="' + refPrefix + '"]');
+          var nodes = containerElement.querySelectorAll('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '*="' + refPrefix + '"]');
 
           for (var _i4 = 0, _Object$entries3 = Object.entries(nodes); _i4 < _Object$entries3.length; _i4++) {
             var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i4], 2),
                 node = _Object$entries3$_i[1];
 
-            if (!available.has(node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE))) {
+            if (!available.has(node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE))) {
               containerElement.removeChild(node);
             }
           }
         };
 
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var _ret = _loop();
 
           if (_ret === "continue") continue;
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator5.e(err);
       } finally {
-        _iterator4.f();
+        _iterator5.f();
       }
 
       p.pop();
@@ -10545,7 +10832,7 @@ function insertElement(change) {
 
 
 function appendNewDocumentFragment(container, key, ref, path) {
-  var template = (0,_template_js__WEBPACK_IMPORTED_MODULE_12__.findDocumentTemplate)(key, container);
+  var template = (0,_template_js__WEBPACK_IMPORTED_MODULE_14__.findDocumentTemplate)(key, container);
   var nodes = template.createDocumentFragment();
 
   for (var _i5 = 0, _Object$entries4 = Object.entries(nodes.childNodes); _i5 < _Object$entries4.length; _i5++) {
@@ -10554,7 +10841,7 @@ function appendNewDocumentFragment(container, key, ref, path) {
 
     if (node instanceof HTMLElement) {
       applyRecursive(node, key, path);
-      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE, ref);
+      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE, ref);
     }
 
     container.appendChild(node);
@@ -10572,15 +10859,15 @@ function appendNewDocumentFragment(container, key, ref, path) {
 
 function applyRecursive(node, key, path) {
   if (node instanceof HTMLElement) {
-    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE)) {
-      var value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE);
-      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE, value.replace("path:" + key, "path:" + path));
+    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE)) {
+      var value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE);
+      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE, value.replaceAll("path:" + key, "path:" + path));
     }
 
-    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES)) {
-      var _value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES);
+    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES)) {
+      var _value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES);
 
-      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES, _value.replace("path:" + key, "path:" + path));
+      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES, _value.replaceAll("path:" + key, "path:" + path));
     }
 
     for (var _i6 = 0, _Object$entries5 = Object.entries(node.childNodes); _i6 < _Object$entries5.length; _i6++) {
@@ -10602,10 +10889,10 @@ function applyRecursive(node, key, path) {
 
 function updateContent(change) {
   var self = this;
-  var subject = self.subject.getRealSubject();
-  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(change === null || change === void 0 ? void 0 : change['path']);
-  runUpdateContent.call(this, this.element, p, subject);
-  var slots = this.element.querySelectorAll('slot');
+  var subject = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
+  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(change === null || change === void 0 ? void 0 : change['path']);
+  runUpdateContent.call(this, this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element, p, subject);
+  var slots = this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll('slot');
 
   if (slots.length > 0) {
     for (var _i7 = 0, _Object$entries6 = Object.entries(slots); _i7 < _Object$entries6.length; _i7++) {
@@ -10614,9 +10901,9 @@ function updateContent(change) {
 
       for (var _i8 = 0, _Object$entries7 = Object.entries(slot.assignedNodes()); _i8 < _Object$entries7.length; _i8++) {
         var _Object$entries7$_i = _slicedToArray(_Object$entries7[_i8], 2),
-            element = _Object$entries7$_i[1];
+            _element3 = _Object$entries7$_i[1];
 
-        runUpdateContent.call(this, element, p, subject);
+        runUpdateContent.call(this, _element3, p, subject);
       }
     }
   }
@@ -10634,16 +10921,16 @@ function updateContent(change) {
 function runUpdateContent(container, parts, subject) {
   var _this3 = this;
 
-  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(parts)) return;
+  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(parts)) return;
   if (!(container instanceof HTMLElement)) return;
-  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(parts);
+  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(parts);
   var mem = new WeakSet();
 
   while (parts.length > 0) {
     var current = parts.join('.');
     parts.pop(); // Unfortunately, static data is always changed as well, since it is not possible to react to changes here.
 
-    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE + '^="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE + '^="static:"]';
+    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE + '^="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE + '^="static:"]';
     var e = container.querySelectorAll('' + query);
     var iterator = new Set(_toConsumableArray(e));
 
@@ -10654,21 +10941,21 @@ function runUpdateContent(container, parts, subject) {
     iterator.forEach(function (key, element) {
       if (mem.has(element)) return;
       mem.add(element);
-      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE);
-      var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(attributes);
-      var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(cmd);
+      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE);
+      var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(attributes);
+      var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__.Pipe(cmd);
 
-      _this3.callbacks.forEach(function (f, n) {
+      _this3[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.forEach(function (f, n) {
         pipe.setCallback(n, f);
       });
 
       var value;
 
       try {
-        element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE);
+        element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE);
         value = pipe.run(subject);
       } catch (e) {
-        element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE, e.message);
+        element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE, e.message);
       }
 
       if (value instanceof HTMLElement) {
@@ -10693,9 +10980,9 @@ function runUpdateContent(container, parts, subject) {
 
 
 function updateAttributes(change) {
-  var subject = this.subject.getRealSubject();
-  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(change === null || change === void 0 ? void 0 : change['path']);
-  runUpdateAttributes.call(this, this.element, p, subject);
+  var subject = this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
+  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(change === null || change === void 0 ? void 0 : change['path']);
+  runUpdateAttributes.call(this, this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element, p, subject);
 }
 /**
  * @private
@@ -10711,15 +10998,15 @@ function runUpdateAttributes(container, parts, subject) {
   var _this4 = this;
 
   var self = this;
-  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(parts)) return;
-  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(parts);
+  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(parts)) return;
+  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(parts);
   var mem = new WeakSet();
 
   while (parts.length > 0) {
     var current = parts.join('.');
     parts.pop();
     var iterator = new Set();
-    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES + '*="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES + '^="static:"]';
+    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_SELECT_THIS + '], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES + '*="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES + '^="static:"]';
     var e = container.querySelectorAll(query);
 
     if (e.length > 0) {
@@ -10733,27 +11020,27 @@ function runUpdateAttributes(container, parts, subject) {
     iterator.forEach(function (key, element) {
       if (mem.has(element)) return;
       mem.add(element);
-      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES);
+      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES);
 
       var _loop2 = function _loop2() {
         var _Object$entries8$_i = _slicedToArray(_Object$entries8[_i9], 2),
             def = _Object$entries8$_i[1];
 
-        def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def);
+        def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def);
         var i = def.indexOf(' ');
-        var name = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(0, i));
-        var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(i));
-        var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(cmd);
-        self.callbacks.forEach(function (f, n) {
+        var name = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(0, i));
+        var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(i));
+        var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__.Pipe(cmd);
+        self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.forEach(function (f, n) {
           pipe.setCallback(n, f, element);
         });
         var value = void 0;
 
         try {
-          element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE);
+          element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE);
           value = pipe.run(subject);
         } catch (e) {
-          element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE, e.message);
+          element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE, e.message);
         }
 
         if (value === undefined) {
@@ -10819,19 +11106,23 @@ function handleInputControlAttributeUpdate(element, name, value) {
   } else if (element instanceof HTMLInputElement) {
     switch (element.type) {
       case 'radio':
-        if (name === 'checked' && value !== undefined) {
-          element.checked = true;
-        } else {
-          element.checked = false;
+        if (name === 'checked') {
+          if (value !== undefined) {
+            element.checked = true;
+          } else {
+            element.checked = false;
+          }
         }
 
         break;
 
       case 'checkbox':
-        if (name === 'checked' && value !== undefined) {
-          element.checked = true;
-        } else {
-          element.checked = false;
+        if (name === 'checked') {
+          if (value !== undefined) {
+            element.checked = true;
+          } else {
+            element.checked = false;
+          }
         }
 
         break;
@@ -10851,7 +11142,7 @@ function handleInputControlAttributeUpdate(element, name, value) {
   }
 }
 
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_4__.assignToNamespace)('Monster.DOM', Updater);
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_5__.assignToNamespace)('Monster.DOM', Updater);
 
 
 /***/ }),
@@ -10897,7 +11188,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/util/trimspaces.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Util.trimSpaces(" hello ")
  * </script>
  * ```
@@ -10906,7 +11197,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
  *
  * ```
  * <script type="module">
- * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/util/trimspaces.js';
+ * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/util/trimspaces.js';
  * trimSpaces(' hello \\ ')
  * </script>
  * ```
@@ -10983,29 +11274,179 @@ function trimSpaces(value) {
 __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; },
-/* harmony export */   "getWindow": function() { return /* binding */ getWindow; },
-/* harmony export */   "getDocument": function() { return /* binding */ getDocument; },
-/* harmony export */   "getDocumentFragmentFromString": function() { return /* binding */ getDocumentFragmentFromString; }
+/* harmony export */   "findTargetElementFromEvent": function() { return /* binding */ findTargetElementFromEvent; },
+/* 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_global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
+/* 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__(43);
 
 /**
  * @author schukai GmbH
  */
 
-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 _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; }
+
 
 
 
 
 /**
- * this method fetches the document object
+ * You can call the function via the monster namespace `new Monster.DOM.fireEvent()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * console.log(new Monster.DOM.fireEvent())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/events.js';
+ * console.log(fireEvent())
+ * </script>
+ * ```
+ *
+ * @param {HTMLElement|HTMLCollection|NodeList} element
+ * @param {string} type
+ * @return {void}
+ * @since 1.10.0
+ * @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) {
+  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_3__.getDocument)();
+
+  if (element instanceof HTMLElement) {
+    if (type === 'click') {
+      element.click();
+      return;
+    }
+
+    var event = new Event((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateString)(type), {
+      bubbles: true,
+      cancelable: true
+    });
+    element.dispatchEvent(event);
+  } else if (element instanceof HTMLCollection || element instanceof NodeList) {
+    var _iterator = _createForOfIteratorHelper(element),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var e = _step.value;
+        fireEvent(e, type);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else {
+    throw new TypeError('value is not an instance of HTMLElement or HTMLCollection');
+  }
+}
+/**
+ * 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, 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.25.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * new Monster.DOM.findTargetElementFromEvent()
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/events.js';
+ * findTargetElementFromEvent()
+ * </script>
+ * ```
+ *
+ * @since 1.14.0
+ * @param {Event} event
+ * @param {string} attributeName
+ * @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_2__.validateInstance)(event, Event);
+
+  if (typeof event.composedPath !== 'function') {
+    throw new Error('unsupported event');
+  }
+
+  var path = event.composedPath(); // closest cannot be used here, because closest is not correct for slotted elements
+
+  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;
+}
+
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', findTargetElementFromEvent, fireEvent);
+
+
+/***/ }),
+/* 43 */
+/***/ (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; },
+/* harmony export */   "getWindow": function() { return /* binding */ getWindow; },
+/* harmony export */   "getDocument": function() { return /* binding */ getDocument; },
+/* harmony export */   "getDocumentFragmentFromString": function() { return /* binding */ getDocumentFragmentFromString; }
+/* harmony export */ });
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
+
+/**
+ * @author schukai GmbH
+ */
+
+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); }
+
+
+
+
+/**
+ * this method fetches the document object
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.DOM.getDocument())
  * </script>
  * ```
@@ -11014,7 +11455,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.25.0/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/util.js';
  * console.log(getDocument())
  * </script>
  * ```
@@ -11069,7 +11510,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.DOM.getWindow())
  * </script>
  * ```
@@ -11078,7 +11519,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/util.js';
  * console.log(getWindow(null))
  * </script>
  * ```
@@ -11138,7 +11579,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.DOM.getDocumentFragmentFromString())
  * </script>
  * ```
@@ -11147,7 +11588,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```
@@ -11199,157 +11640,6 @@ function getDocumentFragmentFromString(html) {
 (0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', getWindow, getDocument, getDocumentFragmentFromString);
 
 
-/***/ }),
-/* 43 */
-/***/ (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; },
-/* harmony export */   "findTargetElementFromEvent": function() { return /* binding */ findTargetElementFromEvent; },
-/* 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_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__(42);
-
-/**
- * @author schukai GmbH
- */
-
-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; }
-
-
-
-
-
-/**
- * You can call the function via the monster namespace `new Monster.DOM.fireEvent()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/events.js';
- * console.log(new Monster.DOM.fireEvent())
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/events.js';
- * console.log(fireEvent())
- * </script>
- * ```
- *
- * @param {HTMLElement|HTMLCollection|NodeList} element
- * @param {string} type
- * @return {void}
- * @since 1.10.0
- * @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) {
-  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_3__.getDocument)();
-
-  if (element instanceof HTMLElement) {
-    if (type === 'click') {
-      element.click();
-      return;
-    }
-
-    var event = new Event((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateString)(type), {
-      bubbles: true,
-      cancelable: true
-    });
-    element.dispatchEvent(event);
-  } else if (element instanceof HTMLCollection || element instanceof NodeList) {
-    var _iterator = _createForOfIteratorHelper(element),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var e = _step.value;
-        fireEvent(e, type);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  } else {
-    throw new TypeError('value is not an instance of HTMLElement or HTMLCollection');
-  }
-}
-/**
- * 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, 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.25.0/dist/modules/dom/events.js';
- * console.log(new Monster.DOM.findTargetElementFromEvent())
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/events.js';
- * console.log(findTargetElementFromEvent())
- * </script>
- * ```
- *
- * @since 1.14.0
- * @param {Event} event
- * @param {string} attributeName
- * @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_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]; // closest cannot be used here, because closest is not correct for slotted elements
-
-  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;
-}
-
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', findTargetElementFromEvent, fireEvent);
-
-
 /***/ }),
 /* 44 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -11361,7 +11651,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(45);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(43);
 
 /**
  * @author schukai GmbH
@@ -11379,13 +11669,17 @@ var DEFAULT_LANGUAGE = 'en';
 /**
  * With this function you can read the language version set by the document.
  * For this the attribute `lang` in the html tag is read. If no attribute is set, `en` is used as default.
+ * 
+ * ```html
+ * <html lang="en">
+ * ```
  *
  * You can call the function via the monster namespace `new Monster.DOM.getLocaleOfDocument()`.
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/locale.js';
- * console.log(new Monster.DOM.getLocaleOfDocument())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
+ * new Monster.DOM.getLocaleOfDocument()
  * </script>
  * ```
  *
@@ -11393,8 +11687,8 @@ var DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/dom/locale.js';
- * console.log(new getLocaleOfDocument())
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/dom/locale.js';
+ * new getLocaleOfDocument()
  * </script>
  * ```
  *
@@ -11486,7 +11780,7 @@ var localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.I18n.Locale()
  * </script>
  * ```
@@ -11495,7 +11789,7 @@ var localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/locale.js';
+ * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/locale.js';
  * new Locale()
  * </script>
  * ```
@@ -11654,6 +11948,8 @@ var Locale = /*#__PURE__*/function (_Base) {
       return "" + this.localeString;
     }
     /**
+     * The structure has the following: language, script, region, variants, extlang, privateUse
+     *
      * @return {Monster.I18n.LocaleMap}
      */
 
@@ -11686,7 +11982,7 @@ var Locale = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.I18n.createLocale()
  * </script>
  * ```
@@ -11695,7 +11991,7 @@ var Locale = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/locale.js';
+ * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/locale.js';
  * createLocale()
  * </script>
  * ```
@@ -11871,7 +12167,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/provider.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.I18n.Provider()
  * </script>
  * ```
@@ -11880,7 +12176,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/provider.js';
+ * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/provider.js';
  * new Provider()
  * </script>
  * ```
@@ -11981,7 +12277,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/basewithoptions.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Types.BaseWithOptions()
  * </script>
  * ```
@@ -11990,7 +12286,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {BaseWithOptions} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/basewithoptions.js';
+ * import {BaseWithOptions} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/basewithoptions.js';
  * new BaseWithOptions()
  * </script>
  * ```
@@ -12131,7 +12427,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/translations.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.I18n.Translations()
  * </script>
  * ```
@@ -12140,23 +12436,33 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/translations.js';
+ * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/translations.js';
  * new Translations()
  * </script>
  * ```
  *
  * @example
  *
- * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/translations.js';
+ * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/translations.js';
+ * import {parseLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/locale.js';
+ *
  * const translation = new Translations(parseLocale('en-GB'));
  *
  * translation.assignTranslations({
- *            text1: "abc",
- *            text2: {'other': 'xyz'}
- *         });
+ *           text1: "click",
+ *           text2: {
+ *             'one': 'click once',
+ *             'other': 'click n times'
+ *           }
+ *        });
+ *
+ * console.log(translation.getText('text1'));
+ * // ↦ click
  *
- * translation.getText('text1);
- * translation.getPluralRuleText('text2',2);
+ * console.log(translation.getPluralRuleText('text2',1));
+ * // -> click once
+ * console.log(translation.getPluralRuleText('text2',2));
+ * // -> click n times
  *
  * @since 1.13.0
  * @copyright schukai GmbH
@@ -12410,7 +12716,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/providers/fetch.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.I18n.Providers.Fetch()
  * </script>
  * ```
@@ -12419,15 +12725,24 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/i18n/providers/fetch.js';
+ * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/providers/fetch.js';
  * new Fetch()
  * </script>
  * ```
+ * 
+ * @example <caption>das ist ein test</caption>
+ * 
+ * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/i18n/providers/fetch.js';
+ * 
+ * // fetch from API
+ * const translation = new Fetch('https://example.com/${language}.json').getTranslation('en-GB');
+ * // ↦ https://example.com/en.json
  *
  * @since 1.13.0
  * @copyright schukai GmbH
  * @memberOf Monster.I18n.Providers
  * @see {@link https://datatracker.ietf.org/doc/html/rfc3066}
+ * @tutorial i18n-locale-and-formatter
  */
 
 var Fetch = /*#__PURE__*/function (_Provider) {
@@ -12437,7 +12752,13 @@ var Fetch = /*#__PURE__*/function (_Provider) {
 
   /**
    * As options the key `fetch` can be passed. This config object is passed to the fetch method as init.
-   *
+   * 
+   * The url may contain placeholders (language, script, region, variants, extlang, privateUse), so you can specify one url for all translations.
+   * 
+   * ```
+   * new Fetch('https://www.example.com/assets/${language}.json')
+   * ```
+   * 
    * @param {string|URL} url
    * @param {Object} options see {@link Monster.I18n.Providers.Fetch#defaults}
    * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/fetch}
@@ -12540,14 +12861,20 @@ var Fetch = /*#__PURE__*/function (_Provider) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
+/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_3__.Monster; },
 /* harmony export */   "Formatter": function() { return /* binding */ Formatter; }
 /* harmony export */ });
-/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22);
-/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
-/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
+/* 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 _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22);
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2);
+/* harmony import */ var _types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47);
+/* 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);
 
+/**
+ * @author schukai GmbH
+ */
 
 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); }
 
@@ -12571,6 +12898,10 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
 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); }
@@ -12586,23 +12917,52 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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 internalObjectSymbol = Symbol('internalObject');
+/**
+ * @private
+ * @type {symbol}
+ */
 
+var watchdogSymbol = Symbol('watchdog');
+/**
+ * @private
+ * @type {symbol}
+ */
 
+var markerOpenIndexSymbol = Symbol('markerOpenIndex');
+/**
+ * @private
+ * @type {symbol}
+ */
 
+var markerCloseIndexSymbol = Symbol('markercloseIndex');
+/**
+ * @private
+ * @type {symbol}
+ */
+
+var workingDataSymbol = Symbol('workingData');
 /**
  * Messages can be formatted with the formatter. To do this, an object with the values must be passed to the formatter. The message can then contain placeholders.
  *
  * Look at the example below. The placeholders use the logic of Pipe.
  *
- * You can call the method via the monster namespace `new Monster.Text.Formatter()`.
+ * You can create an instance via the monster namespace `new Monster.Text.Formatter()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/text/formatter.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Text.Formatter()
  * </script>
  * ```
@@ -12611,19 +12971,42 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/text/formatter.js';
+ * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/text/formatter.js';
  * new Formatter()
  * </script>
  * ```
  *
  * ## Marker in marker
  *
- * Markers can be nested. Here, the inner marker is resolved first and then the outer marker.
+ * Markers can be nested. Here, the inner marker is resolved first `${subkey} ↦ 1 = ${mykey2}` and then the outer marker `${mykey2}`.
  *
  * ```
+ * const text = '${mykey${subkey}}';
+ * let obj = {
+ *  mykey2: "1",
+ *  subkey: "2"
+ * };
  *
+ * new Formatter(obj).format(text);
+ * // ↦ 1
  * ```
  *
+ * ## Callbacks
+ *
+ * The values in a formatter can be adjusted via the commands of the `Transformer` or the`Pipe`.
+ * There is also the possibility to use callbacks.
+ *
+ * const formatter = new Formatter({x: '1'}, {
+ *                callbacks: {
+ *                    quote: (value) => {
+ *                        return '"' + value + '"'
+ *                    }
+ *                }
+ *            });
+ *
+ * formatter.format('${x | call:quote}'))
+ * // ↦ "1"
+ *
  * ## Marker with parameter
  *
  * A string can also bring its own values. These must then be separated from the key by a separator `::`.
@@ -12633,7 +13016,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/text/formatter.js';
+ * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/text/formatter.js';
  *
  * new Formatter({
  *       a: {
@@ -12642,7 +13025,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *           },
  *           d: "world",
  *       }
- *   }).format("${a.b.c} ${a.d | ucfirst}!");
+ *   }).format("${a.b.c} ${a.d | ucfirst}!"); // with pipe
  *
  * // ↦ Hello World!
  *
@@ -12651,8 +13034,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @memberOf Monster.Text
  */
 
-var Formatter = /*#__PURE__*/function (_Base) {
-  _inherits(Formatter, _Base);
+var Formatter = /*#__PURE__*/function (_BaseWithOptions) {
+  _inherits(Formatter, _BaseWithOptions);
 
   var _super = _createSuper(Formatter);
 
@@ -12662,52 +13045,70 @@ var Formatter = /*#__PURE__*/function (_Base) {
    * @param {object} object
    * @throws {TypeError} value is not a object
    */
-  function Formatter(object) {
+  function Formatter(object, options) {
     var _this;
 
     _classCallCheck(this, Formatter);
 
-    _this = _super.call(this);
-
-    if (object === undefined) {
-      object = {};
-    }
-
-    _this.object = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateObject)(object);
-    _this.openMarker = '${';
-    _this.closeMarker = '}';
-    _this.parameterDelimiter = '::';
-    _this.parameterAssignment = '=';
+    _this = _super.call(this, options);
+    _this[internalObjectSymbol] = object || {};
+    _this[markerOpenIndexSymbol] = 0;
+    _this[markerCloseIndexSymbol] = 0;
     return _this;
   }
   /**
-   * Set new Parameter Character
-   *
-   * Default values for the chars are `::` and `=`
-   *
-   * ```
-   * formatter.setParameterChars('#');
-   * formatter.setParameterChars('[',']');
-   * formatter.setParameterChars('i18n{','}');
-   * ```
-   *
-   * @param {string} delimiter
-   * @param {string} assignment
-   * @return {Formatter}
-   * @since 1.24.0
-   * @throws {TypeError} value is not a string
+   * @property {object} marker
+   * @property {array} marker.open=["${"]
+   * @property {array} marker.close=["${"]
+   * @property {object} parameter
+   * @property {string} parameter.delimiter="::"
+   * @property {string} parameter.assignment="="
+   * @property {object} callbacks={}
    */
 
 
   _createClass(Formatter, [{
+    key: "defaults",
+    get: function get() {
+      return (0,_data_extend_js__WEBPACK_IMPORTED_MODULE_1__.extend)({}, _get(_getPrototypeOf(Formatter.prototype), "defaults", this), {
+        marker: {
+          open: ['${'],
+          close: ['}']
+        },
+        parameter: {
+          delimiter: '::',
+          assignment: '='
+        },
+        callbacks: {}
+      });
+    }
+    /**
+     * Set new Parameter Character
+     *
+     * Default values for the chars are `::` and `=`
+     *
+     * ```
+     * formatter.setParameterChars('#');
+     * formatter.setParameterChars('[',']');
+     * formatter.setParameterChars('i18n{','}');
+     * ```
+     *
+     * @param {string} delimiter
+     * @param {string} assignment
+     * @return {Formatter}
+     * @since 1.24.0
+     * @throws {TypeError} value is not a string
+     */
+
+  }, {
     key: "setParameterChars",
     value: function setParameterChars(delimiter, assignment) {
       if (delimiter !== undefined) {
-        this.parameterDelimiter = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(delimiter);
+        this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['delimiter'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(delimiter);
       }
 
       if (assignment !== undefined) {
-        this.parameterAssignment = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(assignment);
+        this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['assignment'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(assignment);
       }
 
       return this;
@@ -12723,8 +13124,8 @@ var Formatter = /*#__PURE__*/function (_Base) {
      * formatter.setMarker('i18n{','}');
      * ```
      *
-     * @param {string} open
-     * @param {string} close
+     * @param {array|string} open
+     * @param {array|string|undefined} close
      * @return {Formatter}
      * @since 1.12.0
      * @throws {TypeError} value is not a string
@@ -12737,8 +13138,10 @@ var Formatter = /*#__PURE__*/function (_Base) {
         close = open;
       }
 
-      this.openMarker = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(open);
-      this.closeMarker = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(close);
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(open)) open = [open];
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(close)) close = [close];
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['open'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateArray)(open);
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['close'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateArray)(close);
       return this;
     }
     /**
@@ -12746,17 +13149,58 @@ var Formatter = /*#__PURE__*/function (_Base) {
      * @param {string} text
      * @return {string}
      * @throws {TypeError} value is not a string
+     * @throws {Error} too deep nesting
      */
 
   }, {
     key: "format",
     value: function format(text) {
-      return tokenizer.call(this, (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(text));
+      this[watchdogSymbol] = 0;
+      this[markerOpenIndexSymbol] = 0;
+      this[markerCloseIndexSymbol] = 0;
+      this[workingDataSymbol] = {};
+      return _format.call(this, text);
     }
   }]);
 
   return Formatter;
-}(_types_base_js__WEBPACK_IMPORTED_MODULE_2__.Base);
+}(_types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_4__.BaseWithOptions);
+/**
+ * @private
+ * @return {string}
+ */
+
+
+function _format(text) {
+  var _self$internalSymbol$, _self$internalSymbol$2, _self$internalSymbol$3, _self$internalSymbol$4;
+
+  var self = this;
+  self[watchdogSymbol]++;
+
+  if (this[watchdogSymbol] > 20) {
+    throw new Error('too deep nesting');
+  }
+
+  var openMarker = (_self$internalSymbol$ = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['open']) === null || _self$internalSymbol$ === void 0 ? void 0 : _self$internalSymbol$[this[markerOpenIndexSymbol]];
+  var closeMarker = (_self$internalSymbol$2 = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['close']) === null || _self$internalSymbol$2 === void 0 ? void 0 : _self$internalSymbol$2[this[markerCloseIndexSymbol]]; // contains no placeholders
+
+  if (text.indexOf(openMarker) === -1 || text.indexOf(closeMarker) === -1) {
+    return text;
+  }
+
+  var result = tokenize.call(this, (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(text), openMarker, closeMarker);
+
+  if ((_self$internalSymbol$3 = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['open']) !== null && _self$internalSymbol$3 !== void 0 && _self$internalSymbol$3[this[markerOpenIndexSymbol] + 1]) {
+    this[markerOpenIndexSymbol]++;
+  }
+
+  if ((_self$internalSymbol$4 = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['close']) !== null && _self$internalSymbol$4 !== void 0 && _self$internalSymbol$4[this[markerCloseIndexSymbol] + 1]) {
+    this[markerCloseIndexSymbol]++;
+  }
+
+  result = _format.call(self, result);
+  return result;
+}
 /**
  * @private
  * @since 1.12.0
@@ -12765,12 +13209,17 @@ var Formatter = /*#__PURE__*/function (_Base) {
  */
 
 
-function tokenizer(text) {
+function tokenize(text, openMarker, closeMarker) {
   var self = this;
   var formatted = [];
+  var parameterAssignment = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['assignment'];
+  var parameterDelimiter = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['delimiter'];
+  var callbacks = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['callbacks'];
 
   while (true) {
-    var startIndex = text.indexOf(self.openMarker); // no marker 
+    var _self$workingDataSymb;
+
+    var startIndex = text.indexOf(openMarker); // no marker 
 
     if (startIndex === -1) {
       formatted.push(text);
@@ -12780,19 +13229,18 @@ function tokenizer(text) {
       text = text.substring(startIndex);
     }
 
-    var endIndex = text.substring(self.openMarker.length).indexOf(self.closeMarker);
-    if (endIndex !== -1) endIndex += self.openMarker.length;
-    var insideStartIndex = text.substring(self.openMarker.length).indexOf(self.openMarker);
+    var endIndex = text.substring(openMarker.length).indexOf(closeMarker);
+    if (endIndex !== -1) endIndex += openMarker.length;
+    var insideStartIndex = text.substring(openMarker.length).indexOf(openMarker);
 
     if (insideStartIndex !== -1) {
-      insideStartIndex += self.openMarker.length;
+      insideStartIndex += openMarker.length;
 
       if (insideStartIndex < endIndex) {
-        var sub = text.substring(insideStartIndex);
-        var result = tokenizer.call(self, text.substring(insideStartIndex));
+        var result = tokenize.call(self, text.substring(insideStartIndex), openMarker, closeMarker);
         text = text.substring(0, insideStartIndex) + result;
-        endIndex = text.substring(self.openMarker.length).indexOf(self.closeMarker);
-        if (endIndex !== -1) endIndex += self.openMarker.length;
+        endIndex = text.substring(openMarker.length).indexOf(closeMarker);
+        if (endIndex !== -1) endIndex += openMarker.length;
       }
     }
 
@@ -12801,11 +13249,10 @@ function tokenizer(text) {
       return;
     }
 
-    var command = "path:";
-    var key = text.substring(self.openMarker.length, endIndex);
-    var parts = key.split(self.parameterDelimiter);
-    command += parts.shift();
-    var temp = self.object;
+    var key = text.substring(openMarker.length, endIndex);
+    var parts = key.split(parameterDelimiter);
+    var currentPipe = parts.shift();
+    self[workingDataSymbol] = (0,_data_extend_js__WEBPACK_IMPORTED_MODULE_1__.extend)({}, self[internalObjectSymbol], self[workingDataSymbol]);
 
     var _iterator = _createForOfIteratorHelper(parts),
         _step;
@@ -12814,12 +13261,12 @@ function tokenizer(text) {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var kv = _step.value;
 
-        var _kv$split = kv.split(self.parameterAssignment),
+        var _kv$split = kv.split(parameterAssignment),
             _kv$split2 = _slicedToArray(_kv$split, 2),
             k = _kv$split2[0],
             v = _kv$split2[1];
 
-        temp[k] = v;
+        self[workingDataSymbol][k] = v;
       }
     } catch (err) {
       _iterator.e(err);
@@ -12827,14 +13274,40 @@ function tokenizer(text) {
       _iterator.f();
     }
 
-    formatted.push((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(new _data_pipe_js__WEBPACK_IMPORTED_MODULE_0__.Pipe(command).run(temp)));
-    text = text.substring(endIndex + self.closeMarker.length);
+    var t1 = key.split('|').shift().trim(); // pipe symbol
+
+    var t2 = t1.split('::').shift().trim(); // key value delimiter
+
+    var t3 = t2.split('.').shift().trim(); // path delimiter
+
+    var prefix = (_self$workingDataSymb = self[workingDataSymbol]) !== null && _self$workingDataSymb !== void 0 && _self$workingDataSymb[t3] ? 'path:' : 'static:';
+    var command = "";
+
+    if (prefix && key.indexOf(prefix) !== 0 && key.indexOf('path:') !== 0 && key.indexOf('static:') !== 0) {
+      command = prefix;
+    }
+
+    command += currentPipe;
+    var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(command);
+
+    if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isObject)(callbacks)) {
+      for (var _i = 0, _Object$entries = Object.entries(callbacks); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+            name = _Object$entries$_i[0],
+            callback = _Object$entries$_i[1];
+
+        pipe.setCallback(name, callback);
+      }
+    }
+
+    formatted.push((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(pipe.run(self[workingDataSymbol])));
+    text = text.substring(endIndex + closeMarker.length);
   }
 
   return formatted.join('');
 }
 
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_1__.assignToNamespace)('Monster.Text', Formatter);
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_3__.assignToNamespace)('Monster.Text', Formatter);
 
 
 /***/ }),
@@ -12888,7 +13361,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/handler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Logging.Handler())
  * </script>
  * ```
@@ -12897,7 +13370,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/handler.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/logging/handler.js';
  * console.log(new Handler())
  * </script>
  * ```
@@ -13135,7 +13608,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/logentry.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Logging.LogEntry())
  * </script>
  * ```
@@ -13144,7 +13617,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/logentry.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/logging/logentry.js';
  * console.log(new LogEntry())
  * </script>
  * ```
@@ -13330,7 +13803,7 @@ var OFF = 0;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/logger.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Logging.Logger()
  * </script>
  * ```
@@ -13339,7 +13812,7 @@ var OFF = 0;
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/logger.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/logging/logger.js';
  * new Logger()
  * </script>
  * ```
@@ -13639,7 +14112,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/handler/console.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Logging.Handler.ConsoleHandler())
  * </script>
  * ```
@@ -13648,7 +14121,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ConsoleHandler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/logging/handler/console.js';
+ * import {ConsoleHandler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/logging/handler/console.js';
  * console.log(new ConsoleHandler())
  * </script>
  * ```
@@ -13724,7 +14197,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/math/random.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Math.random(1,10)
  * // ↦ 5
  * </script>
@@ -13734,7 +14207,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {random} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/math/random.js';
+ * import {random} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/math/random.js';
  * random(1,10)
  * // ↦ 5
  * </script>
@@ -13891,7 +14364,7 @@ var internalCounter = 0;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/randomid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.RandomID())
  * </script>
  * ```
@@ -13900,7 +14373,7 @@ var internalCounter = 0;
  *
  * ```
  * <script type="module">
- * import {RandomID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/randomid.js';
+ * import {RandomID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/randomid.js';
  * console.log(new RandomID())
  * </script>
  * ```
@@ -13983,7 +14456,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/version.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(new Monster.Types.Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Monster.Types.Version('1')) // ↦ 1.0.0
  * </script>
@@ -13993,7 +14466,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.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>
@@ -14001,7 +14474,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/version.js';
  *
  * new Version('1.0.0') // ↦ 1.0.0
  * new Version(1)  // ↦ 1.0.0
@@ -14135,7 +14608,7 @@ var monsterVersion;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/version.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * console.log(Monster.getVersion())
  * </script>
  * ```
@@ -14144,7 +14617,7 @@ var monsterVersion;
  *
  * ```
  * <script type="module">
- * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/types/version.js';
+ * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/types/version.js';
  * console.log(getVersion())
  * </script>
  * ```
@@ -14163,7 +14636,7 @@ function getVersion() {
   /**#@+ dont touch, replaced by make with package.json version */
 
 
-  monsterVersion = new Version('1.25.0');
+  monsterVersion = new Version('1.28.0');
   /**#@-*/
 
   return monsterVersion;
@@ -14219,7 +14692,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/util/comparator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * new Monster.Util.Comparator()
  * </script>
  * ```
@@ -14228,7 +14701,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/util/comparator.js';
  * console.log(new Comparator())
  * </script>
  * ```
@@ -14253,7 +14726,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.25.0/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/util/comparator.js';
  *
  * console.log(new Comparator().lessThanOrEqual(2, 5))
  * // ↦ true
@@ -14466,7 +14939,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.25.0/dist/modules/util/freeze.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/monster.js';
  * Monster.Util.deepFreeze({})
  * </script>
  * ```
@@ -14475,7 +14948,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.25.0/dist/modules/util/freeze.js';
+ * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.28.0/dist/modules/util/freeze.js';
  * deepFreeze({})
  * </script>
  * ```
@@ -14598,12 +15071,12 @@ __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__(43);
+/* 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__(44);
 /* 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__(42);
+/* harmony import */ var _dom_util_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(43);
 /* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(45);
 /* harmony import */ var _i18n_provider_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(46);
 /* harmony import */ var _i18n_providers_fetch_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(49);